Skip to content
This repository has been archived by the owner on Oct 30, 2023. It is now read-only.

Commit

Permalink
feat(theme): experimental DP flavor color themes
Browse files Browse the repository at this point in the history
  • Loading branch information
@francisrupert
francisrupert committed May 26, 2023
1 parent 6901343 commit 9d6318c
Showing 1 changed file with 232 additions and 12 deletions.
244 changes: 232 additions & 12 deletions base.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4540,7 +4540,7 @@
}
}
},
"semantic/tmo-dark": {
"semantic/tmo/dark": {
"theme": {
"color": {
"base": {
Expand Down Expand Up @@ -4586,7 +4586,7 @@
}
}
},
"semantic/cox-dark": {
"semantic/cox/dark": {
"theme": {
"color": {
"base": {
Expand All @@ -4596,6 +4596,98 @@
}
}
},
"semantic/cherry": {
"theme": {
"color": {
"base": {
"value": "#b91414",
"type": "color"
}
},
"topbar": {
"color": {
"background": {
"value": "{color.surface.secondary}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "mix",
"value": ".03",
"space": "hsl",
"color": "{theme.color.base} "
}
}
}
}
}
},
"mention": {
"color": {
"background": {
"value": "#b91414",
"type": "color"
}
}
}
}
},
"semantic/cherry/dark": {
"theme": {
"color": {
"base": {
"value": "#ff9e9e",
"type": "color"
}
}
}
},
"semantic/blueberry": {
"theme": {
"color": {
"base": {
"value": "#04c",
"type": "color"
}
},
"topbar": {
"color": {
"background": {
"value": "{color.surface.secondary}",
"type": "color",
"$extensions": {
"studio.tokens": {
"modify": {
"type": "mix",
"value": ".03",
"space": "hsl",
"color": "{theme.color.base} "
}
}
}
}
}
},
"mention": {
"color": {
"background": {
"value": "#04c",
"type": "color"
}
}
}
}
},
"semantic/blueberry/dark": {
"theme": {
"color": {
"base": {
"value": "#8fb4ff",
"type": "color"
}
}
}
},
"components/avatar": {
"avatar": {
"color": {
Expand Down Expand Up @@ -4909,7 +5001,13 @@
"components/icon": "enabled",
"components/radio": "enabled",
"components/badge": "enabled",
"components/avatar": "enabled"
"components/avatar": "enabled",
"semantic/cherry": "disabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"$figmaStyleReferences": {
"color.surface.primary": "S:6c392f95efb12c1bc91df5b9e08e628e0f641be4,",
Expand Down Expand Up @@ -5247,7 +5345,13 @@
"components/radio/dark": "enabled",
"components/badge": "enabled",
"base": "enabled",
"components/avatar": "enabled"
"components/avatar": "enabled",
"semantic/cherry": "disabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"$figmaStyleReferences": {
"color.surface.primary": "S:3ea4483b47917706b709a6a2f49677d5d45d4be3,",
Expand Down Expand Up @@ -5583,7 +5687,13 @@
"components/checkbox": "enabled",
"components/icon": "enabled",
"components/radio": "enabled",
"semantic/tmo": "enabled"
"semantic/tmo": "enabled",
"semantic/cherry": "disabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"group": "tmo"
},
Expand All @@ -5597,14 +5707,19 @@
"semantic": "enabled",
"semantic/dark": "enabled",
"semantic/tmo": "enabled",
"semantic/tmo-dark": "enabled",
"components/avatar": "enabled",
"components/badge": "enabled",
"components/checkbox": "enabled",
"components/checkbox/dark": "enabled",
"components/icon": "enabled",
"components/radio": "enabled",
"components/radio/dark": "enabled"
"components/radio/dark": "enabled",
"semantic/cherry": "disabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "enabled"
},
"group": "tmo"
},
Expand All @@ -5620,7 +5735,13 @@
"components/badge": "enabled",
"components/checkbox": "enabled",
"components/icon": "enabled",
"components/radio": "enabled"
"components/radio": "enabled",
"semantic/cherry": "disabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"group": "cox"
},
Expand All @@ -5637,13 +5758,108 @@
"components/checkbox": "enabled",
"components/icon": "enabled",
"components/radio": "enabled",
"semantic/cox-dark": "enabled",
"base/dark": "enabled",
"semantic/dark": "source",
"components/checkbox/dark": "enabled",
"components/radio/dark": "enabled"
"components/radio/dark": "enabled",
"semantic/cherry": "disabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "enabled",
"semantic/tmo/dark": "disabled"
},
"group": "cox"
},
{
"id": "c825361565f2a5e37297441d459d12b9f8c69fd3",
"name": "strawberry",
"$figmaStyleReferences": {},
"selectedTokenSets": {
"base": "enabled",
"semantic": "enabled",
"components/avatar": "enabled",
"components/badge": "enabled",
"components/checkbox": "enabled",
"components/icon": "enabled",
"components/radio": "enabled",
"semantic/cherry": "enabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"group": "dp"
},
{
"id": "cb4a390ff3ccbe8f6486edc30bf04cd63d3fe981",
"name": "cherry-dark",
"$figmaStyleReferences": {},
"selectedTokenSets": {
"base": "enabled",
"base/dark": "enabled",
"semantic": "enabled",
"semantic/dark": "enabled",
"components/avatar": "enabled",
"components/badge": "enabled",
"components/checkbox": "enabled",
"components/checkbox/dark": "enabled",
"components/icon": "enabled",
"components/radio": "enabled",
"components/radio/dark": "enabled",
"semantic/cherry": "enabled",
"semantic/blueberry": "disabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "enabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"group": "dp"
},
{
"id": "d39e37c6a75caaae2384316e7564e27e70792906",
"name": "blueberry",
"$figmaStyleReferences": {},
"selectedTokenSets": {
"base": "enabled",
"semantic": "enabled",
"semantic/blueberry": "enabled",
"components/avatar": "enabled",
"components/badge": "enabled",
"components/checkbox": "enabled",
"components/icon": "enabled",
"components/radio": "enabled",
"semantic/blueberry/dark": "disabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"group": "dp"
},
{
"id": "02c74b9bfb8732ea394bf79f69b4df49bbf048f1",
"name": "blueberry-dark",
"$figmaStyleReferences": {},
"selectedTokenSets": {
"base": "enabled",
"base/dark": "enabled",
"semantic": "enabled",
"semantic/dark": "enabled",
"semantic/blueberry": "enabled",
"components/avatar": "enabled",
"components/badge": "enabled",
"components/checkbox": "enabled",
"components/checkbox/dark": "enabled",
"components/icon": "enabled",
"components/radio": "enabled",
"components/radio/dark": "enabled",
"semantic/blueberry/dark": "enabled",
"semantic/cherry/dark": "disabled",
"semantic/cox/dark": "disabled",
"semantic/tmo/dark": "disabled"
},
"group": "dp"
}
],
"$metadata": {
Expand All @@ -5653,9 +5869,13 @@
"semantic",
"semantic/dark",
"semantic/tmo",
"semantic/tmo-dark",
"semantic/tmo/dark",
"semantic/cox",
"semantic/cox-dark",
"semantic/cox/dark",
"semantic/cherry",
"semantic/cherry/dark",
"semantic/blueberry",
"semantic/blueberry/dark",
"components/avatar",
"components/badge",
"components/checkbox",
Expand Down

0 comments on commit 9d6318c

Please sign in to comment.