Skip to content

Instantly share code, notes, and snippets.

@arnog

arnog/dark-theme1.css

Created January 4, 2019 20:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arnog/fe2d9533cd4230c924d2c40cdb948b6d to your computer and use it in GitHub Desktop.
Save arnog/fe2d9533cd4230c924d2c40cdb948b6d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dark-theme1.css
body {
--hue: 206;
--surface: #fafafa;
--surface-border: #fff;
--editable-surface: #fff;
--editable-surface-border: #fafafa;
--secondary: #f2f2f2;
--secondary-border: hsl(0,0%,91%);
--on-surface: hsl(var(--hue),19%,26%);
--link: hsl(var(--hue),40%,49%);;
--primary: hsl(var(--hue), 40%, 50%);
}
@media (prefers-color-scheme: dark) { body {
--surface: hsl(var(--hue),19%,26%);
--surface-border: hsl(0,0%,20%);
--editable-surface: #333;
--editable-surface-border: hsl(0,0%,13%);
--secondary: hsl(var(--hue),25%,35%);
--secondary-border: hsl(var(--hue),19%,26%);
--on-surface: hsl(0,0%,98%);
--link: hsl(var(--hue),36%,84%);
}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment