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

Commit

Permalink
color v2 updates
Browse files Browse the repository at this point in the history
Light Theme Updates

	•	border.default: {grey.200} → {grey.400}

	•	icon.default: {grey.900} → {text.default}
	•	icon.alternative: {grey.500} → {text.alternative}
	•	icon.muted: {grey.300} → {text.muted}

	•	background-muted: New → {grey.050}
	•	background-muted-hover: New → #E7EBEE
	•	background-muted-pressed: New → #DBE0E6

Dark Theme Updates

	•	background-default: {grey.800} → {grey.900}
	•	background-alternative: {grey.900} → {grey.1000}

	•	background-default-hover: #313235 → #1E2124
	•	background-default-pressed: #3F4145 → #272B2F

	•	background-alternative-hover: #1F2123 → #0A0A0A
	•	background-alternative-pressed: #2E3033 → #141414

	•	border.default: {grey.400} → {grey.500}

	•	text.alternative: {grey.200} → {grey.300}
	•	text.muted: {grey.400} → {grey.500}

	•	icon.default: {grey.000} → {text.default}
	•	icon.alternative: {grey.300} → {text.alternative}
	•	icon.muted: {grey.500} → {text.muted}

	•	background-muted: New → {grey.800}
	•	background-muted-hover: New → #2D3034
	•	background-muted-pressed: New → #363B3F

Also most descriptions were updated to the latest.
  • Loading branch information
Akatori-Design committed Nov 7, 2024
1 parent c827390 commit 24617b4
Show file tree
Hide file tree
Showing 2 changed files with 85 additions and 67 deletions.
36 changes: 18 additions & 18 deletions src/figma/darkTheme.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,12 @@
"parent": "Theme Colors/Dark mode",
"description": "For sunken neutral surface below background/default."
},
"muted": {
"value": "{grey.800}",
"type": "color",
"parent": "Theme Colors/Dark mode",
"description": "For raised neutral surface above background/default."
},
"default-hover": {
"value": "#1E2124",
"type": "color",
Expand All @@ -36,24 +42,6 @@
"parent": "Theme Colors/Dark mode",
"description": "Pressed state surface for background/alternative."
},
"hover": {
"value": "#ffffff0a",
"type": "color",
"parent": "Theme Colors/Dark mode",
"description": "General purpose hover tint."
},
"pressed": {
"value": "#ffffff14",
"type": "color",
"parent": "Theme Colors/Dark mode",
"description": "General purpose pressed tint."
},
"muted": {
"value": "{grey.800}",
"type": "color",
"parent": "Theme Colors/Dark mode",
"description": "For raised neutral surface above background/default."
},
"muted-hover": {
"value": "#2D3034",
"type": "color",
Expand All @@ -65,6 +53,18 @@
"type": "color",
"parent": "Theme Colors/Dark mode",
"description": "Pressed state surface for background/muted."
},
"hover": {
"value": "#ffffff0a",
"type": "color",
"parent": "Theme Colors/Dark mode",
"description": "General purpose hover state tint."
},
"pressed": {
"value": "#ffffff14",
"type": "color",
"parent": "Theme Colors/Dark mode",
"description": "General purpose pressed state tint."
}
},
"text": {
Expand Down
Loading

0 comments on commit 24617b4

Please sign in to comment.