Skip to content
This repository was archived by the owner on Nov 26, 2024. It is now read-only.

Commit d6a15fe

Browse files
Dark Theme updates
Added 2 new colors: background.pressed (#FFF 2%) background.pressed (#FFF 8%) *[Ref] Hexadecimal color code for transparency Updated 4 colors: background.default.hover (grey700 --> #282B2E) background.default.pressed (grey700 --> #36383B) background.alternative.hover (grey750 --> #191B1D) background.alternative.pressed (grey750 --> #27292A)
1 parent 006a529 commit d6a15fe

File tree

1 file changed

+34
-34
lines changed

1 file changed

+34
-34
lines changed

src/figma/tokens.json

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -828,39 +828,29 @@
828828
"type": "color"
829829
},
830830
"default-hover": {
831-
"value": "#FAFAFA",
832-
"type": "color",
833-
"description": "(#FAFAFA) For component hover states that use background/default"
831+
"value": "#FAFBFC",
832+
"description": "(grey030: #FAFBFC) (grey030: #FAFBFC) For component hover states that use background/default",
833+
"type": "color"
834834
},
835835
"default-pressed": {
836-
"value": "#EBEBEB",
837-
"type": "color",
838-
"description": "(#EBEBEB) For component pressed states that use background/default"
836+
"value": "#FAFBFC",
837+
"description": "(grey030: #FAFBFC) For component pressed states that use background/default",
838+
"type": "color"
839839
},
840840
"alternative": {
841841
"value": "#F2F4F6",
842842
"description": "(grey040: #F2F4F6) For a subtle contrast option for neutral backgrounds. (Example: backdrop, header background)",
843843
"type": "color"
844844
},
845845
"alternative-hover": {
846-
"value": "#EDEFF1",
847-
"type": "color",
848-
"description": "(#EDEFF1) For component hover states that use background/alternative"
846+
"value": "#D6D9DC",
847+
"description": "(grey100: #D6D9DC) For component hover states that use background/alternative",
848+
"type": "color"
849849
},
850850
"alternative-pressed": {
851-
"value": "#DFE0E2",
852-
"type": "color",
853-
"description": "(#DFE0E2) For component pressed states that use background/alternative"
854-
},
855-
"hover": {
856-
"value": "rgba(0,0,0,0.04)",
857-
"type": "color",
858-
"description": "For hover state of components with no background color."
859-
},
860-
"pressed": {
861-
"value": "rgba(0,0,0,0.08)",
862-
"type": "color",
863-
"description": "For pressed state of components with no background color."
851+
"value": "#D6D9DC",
852+
"description": "(grey100: #D6D9DC) For component pressed states that use background/alternative",
853+
"type": "color"
864854
}
865855
},
866856
"text": {
@@ -1223,29 +1213,39 @@
12231213
"type": "color"
12241214
},
12251215
"default-hover": {
1226-
"value": "#3B4046",
1227-
"description": "(grey700: #3B4046) For component hover states that use background/default",
1228-
"type": "color"
1216+
"value": "#282B2E",
1217+
"type": "color",
1218+
"description": "(#282B2E) For component hover states that use background/default"
12291219
},
12301220
"default-pressed": {
1231-
"value": "#3B4046",
1232-
"description": "(grey700: #3B4046) For component pressed states that use background/default",
1233-
"type": "color"
1221+
"value": "#36383B",
1222+
"type": "color",
1223+
"description": "(#36383B) For component pressed states that use background/default"
12341224
},
12351225
"alternative": {
12361226
"value": "#141618",
12371227
"description": "(grey900: #141618) For a subtle contrast option for neutral backgrounds. (Example: backdrop, header background)",
12381228
"type": "color"
12391229
},
12401230
"alternative-hover": {
1241-
"value": "#2E3339",
1242-
"description": "(grey750: #2E3339) For component hover states that use background/alternative",
1243-
"type": "color"
1231+
"value": "#191B1D",
1232+
"type": "color",
1233+
"description": "(#191B1D) For component hover states that use background/alternative"
12441234
},
12451235
"alternative-pressed": {
1246-
"value": "#2E3339",
1247-
"description": "(grey750: #2E3339) For component pressed states that use background/alternative",
1248-
"type": "color"
1236+
"value": "#27292A",
1237+
"type": "color",
1238+
"description": "(#27292A) For component pressed states that use background/alternative"
1239+
},
1240+
"hover": {
1241+
"value": "#FFFFFF05",
1242+
"type": "color",
1243+
"description": "For component hover states with no background color"
1244+
},
1245+
"pressed": {
1246+
"value": "#FFFFFF14",
1247+
"type": "color",
1248+
"description": "For component pressed states with no background color"
12491249
}
12501250
},
12511251
"text": {

0 commit comments

Comments
 (0)