jake/dark-mode-example
1
Fork 0
mirror of https://github.com/jakejarvis/dark-mode-example.git synced 2026-09-11 23:25:34 -04:00
Code Releases Activity

Update dark-mode.css

Browse Source
This commit is contained in:
jake
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
dark-mode.css
+12 -1
View File
@@ -1,6 +1,10 @@
/* rules that applies globally */ /* rules that applies globally */
body { body {
font-family: system-ui, -apple-system, sans-serif; font-family: system-ui, -apple-system, sans-serif;
text-align: center;
}
a {
text-decoration: none;
} }
.dark-mode-toggle { .dark-mode-toggle {
cursor: pointer; cursor: pointer;
@@ -10,12 +14,19 @@ body {
visibility: hidden; 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 { body.light {
background-color: #fff; background-color: #fff;
color: #222; color: #222;
} }
body.light a {
color: blue;
}
body.dark { body.dark {
background-color: #222; background-color: #222;
color: #fff; color: #fff;
} }
body.dark a {
color: limegreen;
}