For #24102 - Add Layer Accent Opaque design token

app/src/main/java/org/mozilla/fenix/theme/FirefoxTheme.kt

@@ -2,6 +2,8 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+@file:Suppress("MagicNumber")
+
 package org.mozilla.fenix.theme
 
 import androidx.compose.foundation.isSystemInDarkTheme
@@ -46,6 +48,7 @@ private val darkColorPalette = FirefoxColors(
     layer3 = PhotonColors.DarkGrey30,
     layerAccent = PhotonColors.Violet40,
     layerAccentNonOpaque = PhotonColors.Violet50A32,
+    layerAccentOpaque = Color(0xFF423262),
     scrim = PhotonColors.DarkGrey90A95,
     gradientStart = PhotonColors.Violet70,
     gradientEnd = PhotonColors.Violet40,
@@ -105,6 +108,7 @@ private val lightColorPalette = FirefoxColors(
     layer3 = PhotonColors.LightGrey20,
     layerAccent = PhotonColors.Ink20,
     layerAccentNonOpaque = PhotonColors.Violet70A12,
+    layerAccentOpaque = Color(0xFFEAE4F9),
     scrim = PhotonColors.DarkGrey30A95,
     gradientStart = PhotonColors.Violet70,
     gradientEnd = PhotonColors.Violet40,
@@ -169,6 +173,7 @@ class FirefoxColors(
     layer3: Color,
     layerAccent: Color,
     layerAccentNonOpaque: Color,
+    layerAccentOpaque: Color,
     scrim: Color,
     gradientStart: Color,
     gradientEnd: Color,
@@ -238,6 +243,9 @@ class FirefoxColors(
     // Selected tab
     var layerAccentNonOpaque by mutableStateOf(layerAccentNonOpaque)
         private set
+    // Selected tab
+    var layerAccentOpaque by mutableStateOf(layerAccentOpaque)
+        private set
     var scrim by mutableStateOf(scrim)
         private set
     // Tooltip
@@ -403,6 +411,7 @@ class FirefoxColors(
         layer3 = other.layer3
         layerAccent = other.layerAccent
         layerAccentNonOpaque = other.layerAccentNonOpaque
+        layerAccentOpaque = other.layerAccentOpaque
         scrim = other.scrim
         gradientStart = other.gradientStart
         gradientEnd = other.gradientEnd
@@ -462,6 +471,7 @@ class FirefoxColors(
         layer3 = layer3,
         layerAccent = layerAccent,
         layerAccentNonOpaque = layerAccentNonOpaque,
+        layerAccentOpaque = layerAccentOpaque,
         scrim = scrim,
         gradientStart = gradientStart,
         gradientEnd = gradientEnd,

app/src/main/res/values-night/colors.xml

@@ -16,6 +16,8 @@
     <color name="fx_mobile_layer_color_accent">@color/photonViolet40</color>
     <!-- Selected tab -->
     <color name="fx_mobile_layer_color_accent_nonopaque">@color/photonViolet50A32</color>
+    <!-- Selected tab -->
+    <color name="fx_mobile_layer_color_accent_opaque">#423262</color>
     <color name="fx_mobile_layer_color_scrim">@color/photonDarkGrey90A95</color>
     <!-- Tooltip -->
     <color name="fx_mobile_layer_color_gradient_start">@color/photonViolet70</color>

app/src/main/res/values/colors.xml

@@ -16,6 +16,8 @@
     <color name="fx_mobile_layer_color_accent">@color/photonInk20</color>
     <!-- Selected tab -->
     <color name="fx_mobile_layer_color_accent_nonopaque">@color/photonViolet70A12</color>
+    <!-- Selected tab -->
+    <color name="fx_mobile_layer_color_accent_opaque">#EAE4F9</color>
     <color name="fx_mobile_layer_color_scrim">@color/photonDarkGrey30A95</color>
     <!-- Tooltip -->
     <color name="fx_mobile_layer_color_gradient_start">@color/photonViolet70</color>
@@ -139,6 +141,8 @@
     <color name="fx_mobile_private_layer_color_accent" tools:ignore="UnusedResources">@color/photonViolet40</color>
     <!-- Selected tab -->
     <color name="fx_mobile_private_layer_color_accent_nonopaque">@color/photonViolet50A32</color>
+    <!-- Selected tab -->
+    <color name="fx_mobile_private_layer_color_accent_opaque" tools:ignore="UnusedResources">#423262</color>
     <color name="fx_mobile_private_layer_color_scrim">@color/photonDarkGrey90A95</color>
     <!-- Tooltip -->
     <color name="fx_mobile_private_layer_color_gradient_start" tools:ignore="UnusedResources">@color/photonViolet70</color>