chore: update theme colors

This commit is contained in:
Ashley Wulber 2023-07-21 15:33:55 -04:00 committed by Jeremy Soller
parent b9bd41483d
commit a3ab6e93f3
4 changed files with 54 additions and 45 deletions

View file

@ -105,6 +105,8 @@ pub struct CosmicPaletteInner<C> {
/// System Neutrals /// System Neutrals
/// A wider spread of dark colors for more general use. /// A wider spread of dark colors for more general use.
pub neutral_0: C,
/// A wider spread of dark colors for more general use.
pub neutral_1: C, pub neutral_1: C,
/// A wider spread of dark colors for more general use. /// A wider spread of dark colors for more general use.
pub neutral_2: C, pub neutral_2: C,
@ -166,6 +168,7 @@ impl From<CosmicPaletteInner<CssColor>> for CosmicPaletteInner<Srgba> {
gray_1: p.gray_1.into(), gray_1: p.gray_1.into(),
gray_2: p.gray_2.into(), gray_2: p.gray_2.into(),
gray_3: p.gray_3.into(), gray_3: p.gray_3.into(),
neutral_0: p.neutral_0.into(),
neutral_1: p.neutral_1.into(), neutral_1: p.neutral_1.into(),
neutral_2: p.neutral_2.into(), neutral_2: p.neutral_2.into(),
neutral_3: p.neutral_3.into(), neutral_3: p.neutral_3.into(),

View file

@ -14,40 +14,43 @@ Dark (
c: "#FFF19E", c: "#FFF19E",
), ),
gray_1: ( gray_1: (
c: "#1E1E1E", c: "#1B1B1B",
), ),
gray_2: ( gray_2: (
c: "#292929", c: "#262626",
), ),
gray_3: ( gray_3: (
c: "#2E2E2E", c: "#303030",
), ),
neutral_1: ( neutral_0: (
c: "#000000", c: "#000000",
), ),
neutral_1: (
c: "#1B1B1B",
),
neutral_2: ( neutral_2: (
c: "#272727", c: "#303030",
), ),
neutral_3: ( neutral_3: (
c: "#424242", c: "#474747",
), ),
neutral_4: ( neutral_4: (
c: "#5D5D5D", c: "#5E5E5E",
), ),
neutral_5: ( neutral_5: (
c: "#787878", c: "#777777",
), ),
neutral_6: ( neutral_6: (
c: "#939393", c: "#919191",
), ),
neutral_7: ( neutral_7: (
c: "#AEAEAE", c: "#ABABAB",
), ),
neutral_8: ( neutral_8: (
c: "#C9C9C9", c: "#C6C6C6",
), ),
neutral_9: ( neutral_9: (
c: "#E4E4E4", c: "#E2E2E2",
), ),
neutral_10: ( neutral_10: (
c: "#FFFFFF", c: "#FFFFFF",

View file

@ -334,7 +334,7 @@ where
match (p, t) { match (p, t) {
(CosmicPalette::Dark(p), ComponentType::Background) => Self::component( (CosmicPalette::Dark(p), ComponentType::Background) => Self::component(
p.gray_1, p.gray_1,
p.neutral_1, p.neutral_0,
p.neutral_10, p.neutral_10,
0.08, 0.08,
p.blue, p.blue,
@ -344,7 +344,7 @@ where
(CosmicPalette::Dark(p), ComponentType::Primary) => Self::component( (CosmicPalette::Dark(p), ComponentType::Primary) => Self::component(
p.gray_2, p.gray_2,
p.neutral_1, p.neutral_0,
p.neutral_10, p.neutral_10,
0.08, 0.08,
p.blue, p.blue,
@ -354,7 +354,7 @@ where
(CosmicPalette::Dark(p), ComponentType::Secondary) => Self::component( (CosmicPalette::Dark(p), ComponentType::Secondary) => Self::component(
p.gray_3, p.gray_3,
p.neutral_1, p.neutral_0,
p.neutral_10, p.neutral_10,
0.08, 0.08,
p.blue, p.blue,
@ -363,7 +363,7 @@ where
), ),
(CosmicPalette::HighContrastDark(p), ComponentType::Background) => Self::component( (CosmicPalette::HighContrastDark(p), ComponentType::Background) => Self::component(
p.gray_1, p.gray_1,
p.neutral_1, p.neutral_0,
p.neutral_10, p.neutral_10,
0.08, 0.08,
p.blue, p.blue,
@ -372,7 +372,7 @@ where
), ),
(CosmicPalette::HighContrastDark(p), ComponentType::Primary) => Self::component( (CosmicPalette::HighContrastDark(p), ComponentType::Primary) => Self::component(
p.gray_2, p.gray_2,
p.neutral_1, p.neutral_0,
p.neutral_10, p.neutral_10,
0.08, 0.08,
p.blue, p.blue,
@ -381,7 +381,7 @@ where
), ),
(CosmicPalette::HighContrastDark(p), ComponentType::Secondary) => Self::component( (CosmicPalette::HighContrastDark(p), ComponentType::Secondary) => Self::component(
p.gray_3, p.gray_3,
p.neutral_1, p.neutral_0,
p.neutral_10.clone(), p.neutral_10.clone(),
0.08, 0.08,
p.blue, p.blue,
@ -391,8 +391,8 @@ where
(CosmicPalette::Light(p), ComponentType::Background) => Component::component( (CosmicPalette::Light(p), ComponentType::Background) => Component::component(
p.gray_1.clone(), p.gray_1.clone(),
p.neutral_1.clone(), p.neutral_0.clone(),
p.neutral_1, p.neutral_0,
0.75, 0.75,
p.blue.clone(), p.blue.clone(),
p.neutral_8, p.neutral_8,
@ -400,8 +400,8 @@ where
), ),
(CosmicPalette::Light(p), ComponentType::Primary) => Component::component( (CosmicPalette::Light(p), ComponentType::Primary) => Component::component(
p.gray_2.clone(), p.gray_2.clone(),
p.neutral_1.clone(), p.neutral_0.clone(),
p.neutral_1, p.neutral_0,
0.9, 0.9,
p.blue.clone(), p.blue.clone(),
p.neutral_8, p.neutral_8,
@ -409,8 +409,8 @@ where
), ),
(CosmicPalette::Light(p), ComponentType::Secondary) => Component::component( (CosmicPalette::Light(p), ComponentType::Secondary) => Component::component(
p.gray_3.clone(), p.gray_3.clone(),
p.neutral_1.clone(), p.neutral_0.clone(),
p.neutral_1, p.neutral_0,
1.0, 1.0,
p.blue.clone(), p.blue.clone(),
p.neutral_8, p.neutral_8,
@ -419,8 +419,8 @@ where
(CosmicPalette::HighContrastLight(p), ComponentType::Background) => { (CosmicPalette::HighContrastLight(p), ComponentType::Background) => {
Component::component( Component::component(
p.gray_1.clone(), p.gray_1.clone(),
p.neutral_1.clone(), p.neutral_0.clone(),
p.neutral_1, p.neutral_0,
0.75, 0.75,
p.blue.clone(), p.blue.clone(),
p.neutral_9, p.neutral_9,
@ -429,8 +429,8 @@ where
} }
(CosmicPalette::HighContrastLight(p), ComponentType::Primary) => Component::component( (CosmicPalette::HighContrastLight(p), ComponentType::Primary) => Component::component(
p.gray_2.clone(), p.gray_2.clone(),
p.neutral_1.clone(), p.neutral_0.clone(),
p.neutral_1, p.neutral_0,
0.9, 0.9,
p.blue.clone(), p.blue.clone(),
p.neutral_9, p.neutral_9,
@ -439,8 +439,8 @@ where
(CosmicPalette::HighContrastLight(p), ComponentType::Secondary) => { (CosmicPalette::HighContrastLight(p), ComponentType::Secondary) => {
Component::component( Component::component(
p.gray_3.clone(), p.gray_3.clone(),
p.neutral_1.clone(), p.neutral_0.clone(),
p.neutral_1, p.neutral_0,
1.0, 1.0,
p.blue.clone(), p.blue.clone(),
p.neutral_9, p.neutral_9,
@ -459,21 +459,21 @@ where
| (CosmicPalette::Light(p), ComponentType::Warning) | (CosmicPalette::Light(p), ComponentType::Warning)
| (CosmicPalette::HighContrastLight(p), ComponentType::Warning) | (CosmicPalette::HighContrastLight(p), ComponentType::Warning)
| (CosmicPalette::HighContrastDark(p), ComponentType::Warning) => { | (CosmicPalette::HighContrastDark(p), ComponentType::Warning) => {
Component::colored_component(p.yellow.clone(), p.neutral_1, p.blue.clone()) Component::colored_component(p.yellow.clone(), p.neutral_0, p.blue.clone())
} }
(CosmicPalette::Dark(p), ComponentType::Success) (CosmicPalette::Dark(p), ComponentType::Success)
| (CosmicPalette::Light(p), ComponentType::Success) | (CosmicPalette::Light(p), ComponentType::Success)
| (CosmicPalette::HighContrastLight(p), ComponentType::Success) | (CosmicPalette::HighContrastLight(p), ComponentType::Success)
| (CosmicPalette::HighContrastDark(p), ComponentType::Success) => { | (CosmicPalette::HighContrastDark(p), ComponentType::Success) => {
Component::colored_component(p.green.clone(), p.neutral_1, p.blue.clone()) Component::colored_component(p.green.clone(), p.neutral_0, p.blue.clone())
} }
(CosmicPalette::Dark(p), ComponentType::Accent) (CosmicPalette::Dark(p), ComponentType::Accent)
| (CosmicPalette::Light(p), ComponentType::Accent) | (CosmicPalette::Light(p), ComponentType::Accent)
| (CosmicPalette::HighContrastDark(p), ComponentType::Accent) | (CosmicPalette::HighContrastDark(p), ComponentType::Accent)
| (CosmicPalette::HighContrastLight(p), ComponentType::Accent) => { | (CosmicPalette::HighContrastLight(p), ComponentType::Accent) => {
Component::colored_component(p.blue.clone(), p.neutral_1, p.blue.clone()) Component::colored_component(p.blue.clone(), p.neutral_0, p.blue.clone())
} }
} }
} }

View file

@ -14,40 +14,43 @@ Light (
c: "#966800", c: "#966800",
), ),
gray_1: ( gray_1: (
c: "#DEDEDE", c: "#DDDDDD",
), ),
gray_2: ( gray_2: (
c: "#E9E9E9", c: "#E8E8E8",
), ),
gray_3: ( gray_3: (
c: "#F4F4F4", c: "#F3F3F3",
), ),
neutral_1: ( neutral_0: (
c: "#FFFFFF", c: "#FFFFFF",
), ),
neutral_1: (
c: "#E2E2E2",
),
neutral_2: ( neutral_2: (
c: "#E4E4E4", c: "#C6C6C6",
), ),
neutral_3: ( neutral_3: (
c: "#C9C9C9", c: "#ABABAB",
), ),
neutral_4: ( neutral_4: (
c: "#AEAEAE", c: "#919191",
), ),
neutral_5: ( neutral_5: (
c: "#939393", c: "#777777",
), ),
neutral_6: ( neutral_6: (
c: "#787878", c: "#5E5E5E",
), ),
neutral_7: ( neutral_7: (
c: "#5D5D5D", c: "#474747",
), ),
neutral_8: ( neutral_8: (
c: "#424242", c: "#303030",
), ),
neutral_9: ( neutral_9: (
c: "#272727", c: "#1B1B1B",
), ),
neutral_10: ( neutral_10: (
c: "#000000", c: "#000000",