For #22965 - Add Form Selected design color token

This commit is contained in:
Gabriel Luong 2021-12-23 13:12:09 -05:00 committed by mergify[bot]
parent c9bc38d67c
commit 5bea4554ad
3 changed files with 12 additions and 0 deletions

View File

@ -54,6 +54,7 @@ private val darkColorPalette = FirefoxColors(
actionPrimary = PhotonColors.Violet60,
actionSecondary = PhotonColors.DarkGrey50,
formDefault = PhotonColors.LightGrey05,
formSelected = PhotonColors.Violet40,
actionDisabled = PhotonColors.DarkGrey05,
control = PhotonColors.DarkGrey05,
controlDark = PhotonColors.Violet40A30,
@ -100,6 +101,7 @@ private val lightColorPalette = FirefoxColors(
actionPrimary = PhotonColors.Violet90,
actionSecondary = PhotonColors.LightGrey40,
formDefault = PhotonColors.DarkGrey90,
formSelected = PhotonColors.Violet90,
actionDisabled = PhotonColors.LightGrey50,
control = PhotonColors.LightGrey30,
controlDark = PhotonColors.Violet40A30,
@ -151,6 +153,7 @@ class FirefoxColors(
actionPrimary: Color,
actionSecondary: Color,
formDefault: Color,
formSelected: Color,
actionDisabled: Color,
control: Color,
controlDark: Color,
@ -223,6 +226,9 @@ class FirefoxColors(
// Checkbox default, Radio button default
var formDefault by mutableStateOf(formDefault)
private set
// Checkbox selected, Radio button selected
var formSelected by mutableStateOf(formSelected)
private set
// Checkbox disabled, Radio disabled
var actionDisabled by mutableStateOf(actionDisabled)
private set
@ -330,6 +336,7 @@ class FirefoxColors(
actionPrimary = other.actionPrimary
actionSecondary = other.actionSecondary
formDefault = other.formDefault
formSelected = other.formSelected
actionDisabled = other.actionDisabled
control = other.control
controlDark = other.controlDark
@ -376,6 +383,7 @@ class FirefoxColors(
actionPrimary = actionPrimary,
actionSecondary = actionSecondary,
formDefault = formDefault,
formSelected = formSelected,
actionDisabled = actionDisabled,
control = control,
controlDark = controlDark,

View File

@ -31,6 +31,8 @@
<color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonDarkGrey50</color>
<!-- Checkbox default, Radio button default -->
<color name="fx_mobile_action_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
<!-- Checkbox selected, Radio button selected -->
<color name="fx_mobile_action_color_form_selected" tools:ignore="UnusedResources">@color/photonViolet40</color>
<!-- Checkbox disabled, Radio disabled -->
<color name="fx_mobile_action_color_disabled" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
<!-- Switch background OFF, Indicator OFF -->

View File

@ -31,6 +31,8 @@
<color name="fx_mobile_action_color_secondary" tools:ignore="UnusedResources">@color/photonLightGrey40</color>
<!-- Checkbox default, Radio button default -->
<color name="fx_mobile_action_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
<!-- Checkbox selected, Radio button selected -->
<color name="fx_mobile_action_color_form_selected" tools:ignore="UnusedResources">@color/photonViolet90</color>
<!-- Checkbox disabled, Radio disabled -->
<color name="fx_mobile_action_color_disabled" tools:ignore="UnusedResources">@color/photonLightGrey50</color>
<!-- Switch background OFF, Indicator OFF -->