mirror of
https://github.com/fork-maintainers/iceraven-browser
synced 2024-11-19 09:25:34 +00:00
[fenix] For https://github.com/mozilla-mobile/fenix/issues/23086 - Add Border Inverted design token
This commit is contained in:
parent
7fddab3048
commit
f793e5e988
@ -82,6 +82,7 @@ private val darkColorPalette = FirefoxColors(
|
|||||||
iconGradientStart = PhotonColors.Violet20,
|
iconGradientStart = PhotonColors.Violet20,
|
||||||
iconGradientEnd = PhotonColors.Blue20,
|
iconGradientEnd = PhotonColors.Blue20,
|
||||||
borderDefault = PhotonColors.DarkGrey05,
|
borderDefault = PhotonColors.DarkGrey05,
|
||||||
|
borderInverted = PhotonColors.LightGrey30,
|
||||||
borderFormDefault = PhotonColors.LightGrey05,
|
borderFormDefault = PhotonColors.LightGrey05,
|
||||||
borderAccent = PhotonColors.Violet40,
|
borderAccent = PhotonColors.Violet40,
|
||||||
borderDisabled = PhotonColors.LightGrey70,
|
borderDisabled = PhotonColors.LightGrey70,
|
||||||
@ -130,6 +131,7 @@ private val lightColorPalette = FirefoxColors(
|
|||||||
iconGradientStart = PhotonColors.Violet50,
|
iconGradientStart = PhotonColors.Violet50,
|
||||||
iconGradientEnd = PhotonColors.Blue60,
|
iconGradientEnd = PhotonColors.Blue60,
|
||||||
borderDefault = PhotonColors.LightGrey30,
|
borderDefault = PhotonColors.LightGrey30,
|
||||||
|
borderInverted = PhotonColors.DarkGrey05,
|
||||||
borderFormDefault = PhotonColors.DarkGrey90,
|
borderFormDefault = PhotonColors.DarkGrey90,
|
||||||
borderAccent = PhotonColors.Ink20,
|
borderAccent = PhotonColors.Ink20,
|
||||||
borderDisabled = PhotonColors.LightGrey70,
|
borderDisabled = PhotonColors.LightGrey70,
|
||||||
@ -183,6 +185,7 @@ class FirefoxColors(
|
|||||||
iconGradientStart: Color,
|
iconGradientStart: Color,
|
||||||
iconGradientEnd: Color,
|
iconGradientEnd: Color,
|
||||||
borderDefault: Color,
|
borderDefault: Color,
|
||||||
|
borderInverted: Color,
|
||||||
borderFormDefault: Color,
|
borderFormDefault: Color,
|
||||||
borderAccent: Color,
|
borderAccent: Color,
|
||||||
borderDisabled: Color,
|
borderDisabled: Color,
|
||||||
@ -316,6 +319,9 @@ class FirefoxColors(
|
|||||||
// Default, Divider, Dotted
|
// Default, Divider, Dotted
|
||||||
var borderDefault by mutableStateOf(borderDefault)
|
var borderDefault by mutableStateOf(borderDefault)
|
||||||
private set
|
private set
|
||||||
|
// Onboarding
|
||||||
|
var borderInverted by mutableStateOf(borderInverted)
|
||||||
|
private set
|
||||||
// Form parts
|
// Form parts
|
||||||
var borderFormDefault by mutableStateOf(borderFormDefault)
|
var borderFormDefault by mutableStateOf(borderFormDefault)
|
||||||
private set
|
private set
|
||||||
@ -371,6 +377,7 @@ class FirefoxColors(
|
|||||||
iconGradientStart = other.iconGradientStart
|
iconGradientStart = other.iconGradientStart
|
||||||
iconGradientEnd = other.iconGradientEnd
|
iconGradientEnd = other.iconGradientEnd
|
||||||
borderDefault = other.borderDefault
|
borderDefault = other.borderDefault
|
||||||
|
borderInverted = other.borderInverted
|
||||||
borderFormDefault = other.borderFormDefault
|
borderFormDefault = other.borderFormDefault
|
||||||
borderAccent = other.borderAccent
|
borderAccent = other.borderAccent
|
||||||
borderDisabled = other.borderDisabled
|
borderDisabled = other.borderDisabled
|
||||||
@ -419,6 +426,7 @@ class FirefoxColors(
|
|||||||
iconGradientStart = iconGradientStart,
|
iconGradientStart = iconGradientStart,
|
||||||
iconGradientEnd = iconGradientEnd,
|
iconGradientEnd = iconGradientEnd,
|
||||||
borderDefault = borderDefault,
|
borderDefault = borderDefault,
|
||||||
|
borderInverted = borderInverted,
|
||||||
borderFormDefault = borderFormDefault,
|
borderFormDefault = borderFormDefault,
|
||||||
borderAccent = borderAccent,
|
borderAccent = borderAccent,
|
||||||
borderDisabled = borderDisabled,
|
borderDisabled = borderDisabled,
|
||||||
|
@ -87,6 +87,8 @@
|
|||||||
<!-- Border -->
|
<!-- Border -->
|
||||||
<!-- Default, Divider, Dotted -->
|
<!-- Default, Divider, Dotted -->
|
||||||
<color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
|
<color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
|
||||||
|
<!-- Onboarding -->
|
||||||
|
<color name="fx_mobile_border_color_inverted" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
|
||||||
<!-- Form parts -->
|
<!-- Form parts -->
|
||||||
<color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
|
<color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonLightGrey05</color>
|
||||||
<!-- Active tab (Nav), Selected tab, Active form -->
|
<!-- Active tab (Nav), Selected tab, Active form -->
|
||||||
|
@ -87,6 +87,8 @@
|
|||||||
<!-- Border -->
|
<!-- Border -->
|
||||||
<!-- Default, Divider, Dotted -->
|
<!-- Default, Divider, Dotted -->
|
||||||
<color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
|
<color name="fx_mobile_border_color_default" tools:ignore="UnusedResources">@color/photonLightGrey30</color>
|
||||||
|
<!-- Onboarding -->
|
||||||
|
<color name="fx_mobile_border_color_inverted" tools:ignore="UnusedResources">@color/photonDarkGrey05</color>
|
||||||
<!-- Form parts -->
|
<!-- Form parts -->
|
||||||
<color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
|
<color name="fx_mobile_border_color_form_default" tools:ignore="UnusedResources">@color/photonDarkGrey90</color>
|
||||||
<!-- Active tab (Nav), Selected tab, Active form -->
|
<!-- Active tab (Nav), Selected tab, Active form -->
|
||||||
|
Loading…
Reference in New Issue
Block a user