Replace primary container color with primary with alpha

mullvad · Oct 2, 2023 · cab27ae · cab27ae
1 parent bb3737b
commit cab27ae
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/cell/RelayLocationCell.kt b/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/cell/RelayLocationCell.kt
@@ -24,10 +24,12 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.compositeOver
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.tooling.preview.Preview
 import net.mullvad.mullvadvpn.R
 import net.mullvad.mullvadvpn.compose.component.ChevronView
+import net.mullvad.mullvadvpn.lib.theme.Alpha40
 import net.mullvad.mullvadvpn.lib.theme.AlphaInactive
 import net.mullvad.mullvadvpn.lib.theme.AlphaInvisible
 import net.mullvad.mullvadvpn.lib.theme.AlphaVisible
@@ -165,7 +167,10 @@ fun RelayLocationCell(
         when {
             selected -> MaterialTheme.colorScheme.inversePrimary
             relay.type == RelayItemType.Country -> MaterialTheme.colorScheme.primary
-            relay.type == RelayItemType.City -> MaterialTheme.colorScheme.primaryContainer
+            relay.type == RelayItemType.City ->
+                MaterialTheme.colorScheme.primary
+                    .copy(alpha = Alpha40)
+                    .compositeOver(MaterialTheme.colorScheme.background)
             relay.type == RelayItemType.Relay -> MaterialTheme.colorScheme.secondaryContainer
             else -> MaterialTheme.colorScheme.primary
         }

diff --git a/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/cell/SplitTunnelingCell.kt b/android/app/src/main/kotlin/net/mullvad/mullvadvpn/compose/cell/SplitTunnelingCell.kt
@@ -26,6 +26,7 @@ import androidx.compose.ui.unit.dp
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.launch
 import net.mullvad.mullvadvpn.R
+import net.mullvad.mullvadvpn.lib.theme.Alpha40
 import net.mullvad.mullvadvpn.lib.theme.AppTheme
 import net.mullvad.mullvadvpn.lib.theme.Dimens
 import net.mullvad.mullvadvpn.lib.theme.typeface.listItemText
@@ -68,9 +69,9 @@ fun SplitTunnelingCell(
                 .fillMaxWidth()
                 .padding(vertical = Dimens.listItemDivider)
                 .background(
-                    MaterialTheme.colorScheme.primaryContainer.compositeOver(
-                        MaterialTheme.colorScheme.background
-                    )
+                    MaterialTheme.colorScheme.primary
+                        .copy(alpha = Alpha40)
+                        .compositeOver(MaterialTheme.colorScheme.background)
                 )
                 .clickable(onClick = onCellClicked)
     ) {

diff --git a/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/Color.kt b/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/Color.kt
@@ -4,7 +4,6 @@ import androidx.compose.ui.graphics.Color
 
 internal val MullvadBeige = Color(0xFFFFCD86)
 internal val MullvadBlue60 = Color(0x99294D73)
-internal val MullvadBlue40 = Color(0x66294D73)
 internal val MullvadBlue20 = Color(0x33294D73)
 internal val MullvadBrown = Color(0xFFD2943B)
 internal val MullvadYellow = Color(0xFFFFD524)
@@ -55,6 +54,7 @@ const val AlphaVisible = 1f
 const val AlphaDisabled = 0.2f
 const val Alpha20 = 0.2f
 const val AlphaInactive = 0.4f
+const val Alpha40 = 0.4f
 const val AlphaDescription = 0.6f
 const val AlphaDisconnectButton = 0.6f
 const val AlphaTopBar = 0.8f

diff --git a/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/Theme.kt b/android/lib/theme/src/main/kotlin/net/mullvad/mullvadvpn/lib/theme/Theme.kt
@@ -44,7 +44,6 @@ private val MullvadColorPalette =
         tertiary = MullvadRed,
         background = MullvadDarkBlue,
         surface = MullvadGreen,
-        primaryContainer = MullvadBlue40,
         secondaryContainer = MullvadBlue20,
         onBackground = MullvadWhite,
         onSurfaceVariant = MullvadWhite,