jake/dark-mode-example
1
Fork 0
mirror of https://github.com/jakejarvis/dark-mode-example.git synced 2025-10-18 22:04:25 -04:00
Code Releases Activity

Update dark-mode.css

Browse Source
This commit is contained in:
Jake Jarvis
2020-04-29 13:16:59 -04:00
committed by GitHub
parent 978463e7ee
commit 79417e723a
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
dark-mode.css
View File

@@ -1,6 +1,10 @@
/* rules that applies globally */
body {
font-family: system-ui, -apple-system, sans-serif;
text-align: center;
}
a {
text-decoration: none;
}
.dark-mode-toggle {
cursor: pointer;
@@ -10,12 +14,19 @@ body {
visibility: hidden;
}
/* theme-specific rules -- you probably only want color-related stuff here */
/* theme-specific rules -- you probably only want color-related stuff here. */
/* SCSS makes this a whole lot easier by allowing nesting, but is not required. */
body.light {
background-color: #fff;
color: #222;
}
body.light a {
color: blue;
}
body.dark {
background-color: #222;
color: #fff;
}
body.dark a {
color: limegreen;
}