zyl/webdog
1
0
Fork 0
mirror of https://github.com/zyllian/webdog.git synced 2025-05-09 18:16:40 -07:00
Code Issues Projects Releases Packages Wiki Activity

Add dark theme to site

Browse source
This commit is contained in:
Zoey 2021-08-19 14:26:26 -07:00
parent 85aef88dd5
commit 6896bb46db
1 changed files with 17 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

18
site/sass/index.scss
View file

@ -1,16 +1,32 @@
body { body {
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
background-color: var(--bg-color);
color: var(--text-color);
height: 100vh;
--bg-color: #eee;
--text-color: black;
--accent-color: #0ad;
--accent-text-color: var(--text-color);
@media (prefers-color-scheme: dark) {
--bg-color: #333;
--text-color: #aaa;
--accent-text-color: var(--bg-color);
}
} }
header.main-header { header.main-header {
display: block; display: block;
padding: 4px; padding: 4px;
background-color: #0ad; background-color: var(--accent-color);
color: var(--accent-text-color);
} }
a { a {
text-decoration: none; text-decoration: none;
color: var(--accent-color);
&:hover, &:hover,
&:focus { &:focus {