Skip to content

Commit

Permalink
update colors
Browse files Browse the repository at this point in the history
  • Loading branch information
@Lisa18289
Lisa18289 committed Jan 19, 2024
1 parent 3dcd106 commit c6c2660
Show file tree
Hide file tree
Showing 12 changed files with 106 additions and 133 deletions.
143 changes: 58 additions & 85 deletions packages/design-tokens/src/color-palette.yml
View file
Original file line number Diff line number Diff line change
@@ -1,33 +1,33 @@
color:
gray:
100:
value: rgb(255,255,255)
value: "#FFFFFF"
200:
value: rgb(253,253,253)
value: "#FDFDFD"
300:
value: rgb(248,248,248)
value: "#F8F8F8"
400:
value: rgb(230,230,230)
value: "#E6E6E6"
500:
value: rgb(213,213,213)
value: "#D5D5D5"
600:
value: rgb(177,177,177)
value: "#B1B1B1"
700:
value: rgb(144,144,144)
value: "#909090"
800:
value: rgb(109,109,109)
value: "#6D6D6D"
900:
value: rgb(70,70,70)
value: "#464646"
1000:
value: rgb(34,34,34)
value: "#222222"
1100:
value: rgb(0,0,0)
value: "#000000"

hosting-blue:
100:
value: "#DEE9FF"
value: "#F0F5FF"
200:
value: "#CCDEFF"
value: "#E0EBFF"
300:
value: "#A8C6FF"
400:
Expand All @@ -41,134 +41,107 @@ color:
800:
value: "#0054F5"
900:
value: "#003CAE"
value: "#003FB8"
1000:
value: "#002366"
value: "#002A7B"
1100:
value: "#001743"

navy-blue:
100:
value: "#D9DEF3"
200:
value: "#C8CFEE"
300:
value: "#A5B0E2"
400:
value: "#8291D7"
500:
value: "#5F73CC"
600:
value: "#3D55C1"
700:
value: "#32459E"
800:
value: "#27367B"
900:
value: "#1D285C"
1000:
value: "#131B3D"
1100:
value: "#0E142E"
value: "#00205C"

espelkamp-green:
100:
value: "#C0FFEC"
value: "#F8FFFD"
200:
value: "#A6FFE4"
value: "#D9FFF4"
300:
value: "#73FFD5"
value: "#99FFE0"
400:
value: "#40FFC5"
value: "#2EFFC0"
500:
value: "#0DFFB6"
value: "#00F5AB"
600:
value: "#00D998"
value: "#00D192"
700:
value: "#00A674"
value: "#00A673"
800:
value: "#00825B"
900:
value: "#005F42"
1000:
value: "#003B29"
value: "#004732"
1100:
value: "#00291D"
value: "#002E20"

amaranth-red:
100:
value: "#F7C5D2"
value: "#FDF0F3"
200:
value: "#F5B4C3"
value: "#FBE0E6"
300:
value: "#F090A6"
value: "#F7C1CC"
400:
value: "#EB6C89"
value: "#F2A2B3"
500:
value: "#E6486B"
value: "#EE8299"
600:
value: "#E1244C"
value: "#EA637F"
700:
value: "#BD1A3B"
value: "#E54366"
800:
value: "#95142D"
value: "#E1244C"
900:
value: "#6C0F20"
value: "#B4193A"
1000:
value: "#440914"
value: "#8312AA"
1100:
value: "#30070"
value: "#711226"

royal-orange:
100:
value: "#FFF9F1"
value: "#FFF4EB"
200:
value: "#FEEFE3"
value: "#FFEBDC"
300:
value: "#FFE4D0"
value: "#FFD9BD"
400:
value: "#FFC9A1"
value: "#FFC89F"
500:
value: "#FFAE72"
value: "#FFB680"
600:
value: "#FF9343"
value: "#FFA562"
700:
value: "#D4573E"
value: "#FF9343"
800:
value: "#BF393C"
value: "#FF8225"
900:
value: "#BF393C"
value: "#F56800"
1000:
value: "#BF393C"
value: "#D25900"
1100:
value: "#BF393C"
value: "#9A4100"

soft-contrast-violet:
100:
value: "#eeecff"
value: "#F4F3FE"
200:
value: "#eeecff"
value: "#EAE7FD"
300:
value: "#eeecff"
value: "#D6D0FA"
400:
value: "#dbd7f8"
value: "#C2B9F8"
500:
value: "#b8aef7"
value: "#AEA2F5"
600:
value: "#9485f2"
value: "#998BF3"
700:
value: "#715dee"
value: "#8574F0"
800:
value: "#5c50ca"
value: "#715DEE"
900:
value: "#4743a5"
value: "#5C50CA"
1000:
value: "#4743a5"
value: "#534FB8"
1100:
value: "#4743a5"

white:
value: rgb(255,255,255)
value: "#4743A5"

transparent:
value: transparent
10 changes: 5 additions & 5 deletions packages/design-tokens/src/components/badge.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,14 @@ badge:
icon-to-text-spacing:
value: 0.5em
color:
value: "{color.white}"
value: "{neutral.color.100}"

# Variants
info-background-color:
value: "{informative.color.700}"
value: "{informative.color.900}"
success-background-color:
value: "{accent.color.700}"
value: "{accent.color.800}"
warning-background-color:
value: "{warning.color.700}"
value: "{warning.color.800}"
negative-background-color:
value: "{negative.color.700}"
value: "{negative.color.800}"
28 changes: 14 additions & 14 deletions packages/design-tokens/src/components/button.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,24 +11,24 @@ button:
# Accent
accent-background-color:
default:
value: "{accent.color.700}"
hover:
value: "{accent.color.800}"
pressed:
hover:
value: "{accent.color.900}"
pressed:
value: "{accent.color.1000}"
accent-color:
value: "{color.white}"
value: "{neutral.color.100}"

# Primary
primary-background-color:
default:
value: "{informative.color.700}"
hover:
value: "{informative.color.800}"
pressed:
hover:
value: "{informative.color.900}"
pressed:
value: "{informative.color.1000}"
primary-color:
value: "{color.white}"
value: "{neutral.color.100}"

# Secondary
secondary-background-color:
Expand All @@ -40,7 +40,7 @@ button:
value: "{neutral.color.600}"
secondary-color:
default:
value: "{informative.color.700}"
value: "{informative.color.800}"
hover:
value: "{informative.color.900}"
pressed:
Expand All @@ -49,16 +49,16 @@ button:
# Negative
negative-background-color:
default:
value: "{negative.color.700}"
hover:
value: "{negative.color.800}"
pressed:
hover:
value: "{negative.color.900}"
pressed:
value: "{negative.color.1000}"
negative-color:
value: "{color.white}"
value: "{neutral.color.100}"

# Disabled
disabled-background-color:
value: "{neutral.color.400}"
disabled-color:
value: "{color.white}"
value: "{neutral.color.100}"
4 changes: 2 additions & 2 deletions packages/design-tokens/src/components/checkbox.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ checkbox:
value: "{border-style.default}"
border-color:
default:
value: "{neutral.color.500}"
value: "{neutral.color.700}"
selected:
value: "{informative.color.900}"
disabled:
Expand All @@ -22,7 +22,7 @@ checkbox:
value: "{neutral.color.600}"
background-color:
default:
value: "{color.white}"
value: "{neutral.color.100}"
selected:
value: "{informative.color.200}"
disabled:
Expand Down
2 changes: 1 addition & 1 deletion packages/design-tokens/src/components/heading.yml
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
heading:
color:
value: "{color.navy-blue.700}"
value: "{informative.color.1000}"
font-weight:
value: "{font-weight.bold}"
h1-font-size:
Expand Down
12 changes: 6 additions & 6 deletions packages/design-tokens/src/components/initials.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,31 +4,31 @@ initials:

# Variant 1
variant-1-background-color:
value: "{color.soft-contrast-violet.100}"
value: "{color.soft-contrast-violet.200}"
variant-1-first-initial-color:
value: "{color.soft-contrast-violet.600}"
value: "{color.soft-contrast-violet.700}"
variant-1-second-initial-color:
value: "{color.soft-contrast-violet.900}"

# Variant 2
variant-2-background-color:
value: "{color.royal-orange.200}"
variant-2-first-initial-color:
value: "{color.royal-orange.600}"
value: "{color.royal-orange.700}"
variant-2-second-initial-color:
value: "{color.royal-orange.900}"

# Variant 3
variant-3-background-color:
value: "{color.espelkamp-green.100}"
value: "{color.espelkamp-green.200}"
variant-3-first-initial-color:
value: "{color.espelkamp-green.600}"
value: "{color.espelkamp-green.700}"
variant-3-second-initial-color:
value: "{color.espelkamp-green.900}"

# Variant 4
variant-4-background-color:
value: "{color.hosting-blue.100}"
value: "{color.hosting-blue.200}"
variant-4-first-initial-color:
value: "{color.hosting-blue.600}"
variant-4-second-initial-color:
Expand Down
Loading

0 comments on commit c6c2660

Please sign in to comment.