Skip to content

Instantly share code, notes, and snippets.

@rsschouwenaar
Created May 1, 2020 07:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save rsschouwenaar/ce5132ab9a1f91909afefbd597cbf0fc to your computer and use it in GitHub Desktop.
Save rsschouwenaar/ce5132ab9a1f91909afefbd597cbf0fc to your computer and use it in GitHub Desktop.
.darkmode {
--text: #fff;
--links: #66e387;
--bg-start: #2c5364;
--bg-middle: #203a43;
--bg-end: #0f2027;
--background-fallback: #0f2027; /* fallback for old browsers */
--background-gradient-webkit: -webkit-linear-gradient(
to bottom,
var(--bg-start),
var(--bg-middle),
var(--bg-end)
); /* Chrome 10-25, Safari 5.1-6 */
--background-gradient: linear-gradient(
to bottom,
var(--bg-start),
var(--bg-middle),
var(--bg-end)
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.lightmode {
--links: #ee9ca7;
--gradient-end: #ffdde1;
--text: #333;
--background-fallback: var(--links); /* fallback for old browsers */
--background-gradient-webkit: -webkit-linear-gradient(
to bottom,
var(--gradient-end),
var(--links)
); /* Chrome 10-25, Safari 5.1-6 */
--background-gradient: linear-gradient(
to bottom,
var(--gradient-end),
var(--links)
); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment