grain-lang.org icon indicating copy to clipboard operation
grain-lang.org copied to clipboard

Dark mode

Open ospencer opened this issue 5 years ago • 1 comments

It'd be pretty sick if there were a dark mode option for the docs.

ospencer avatar May 17 '20 13:05 ospencer

Docs ./docs/style.css

add

html {
  --Background: #121212;
  --Border: #333;
  --lavender: #444;
  --black: #eee;
}
html {
  background: var(--Background);
}

Main Page ./stylesheets/style.css

add

html {
  --Background: #121212;
  --Border: #333;
  --lavender: #444;
  --black: #eee;
}
html {
  background: var(--Background);
}

Blog ./blog/css/style.css

add

html {
  --Background: #121212;
  --Border: #333;
  --lavender: #444;
  --black: #eee;
  --gray3: #9e9eb1;
}
html {
  background: var(--Background);
}
.join-mailing {
  background: var(--Background) !important;
}
.button.mc-submit {
  color: var(--orange) !important;
}

if you implemented the following colours it would look pretty good you can see it here, and it requires minimal changes after that you could just add a toggle switch up in the top by the Github and Twitter buttons. https://grainorg.spotandjake.repl.co/

spotandjake avatar Jun 01 '21 22:06 spotandjake