Skip to content

Instantly share code, notes, and snippets.

@kjellr

kjellr/dark.json Secret

Created March 1, 2022 14:19
Show Gist options
  • Save kjellr/1307387f8d97e84662c4b07af873a896 to your computer and use it in GitHub Desktop.
Save kjellr/1307387f8d97e84662c4b07af873a896 to your computer and use it in GitHub Desktop.
A simple "dark mode" version of Twenty Twenty-Two
{
"version": 2,
"settings": {
"color": {
"duotone": [
{
"colors": [ "#F6F6F6", "#000000" ],
"slug": "foreground-and-background",
"name": "Foreground and background"
},
{
"colors": [ "#F6F6F6", "#1A4548" ],
"slug": "foreground-and-secondary",
"name": "Foreground and secondary"
},
{
"colors": [ "#F6F6F6", "#262626" ],
"slug": "foreground-and-tertiary",
"name": "Foreground and tertiary"
},
{
"colors": [ "#FFE2C7", "#000000" ],
"slug": "primary-and-background",
"name": "Primary and background"
},
{
"colors": [ "#FFE2C7", "#1A4548" ],
"slug": "primary-and-secondary",
"name": "Primary and secondary"
},
{
"colors": [ "#FFE2C7", "#262626" ],
"slug": "primary-and-tertiary",
"name": "Primary and tertiary"
}
],
"palette": [
{
"slug": "foreground",
"color": "#F6F6F6",
"name": "Foreground"
},
{
"slug": "background",
"color": "#000000",
"name": "Background"
},
{
"slug": "primary",
"color": "#FFE2C7",
"name": "Primary"
},
{
"slug": "secondary",
"color": "#1A4548",
"name": "Secondary"
},
{
"slug": "tertiary",
"color": "#262626",
"name": "Tertiary"
}
]
}
}
}
@kjellr
Copy link
Author

kjellr commented Mar 1, 2022

To use: Create a new styles folder in the root of the twentytwentytwo folder, and drop this in there.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment