zyl/zyllian.github.io
1
0
Fork 0
mirror of https://github.com/zyllian/zyllian.github.io.git synced 2025-05-10 02:26:45 -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 {
font-family: sans-serif;
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 {
display: block;
padding: 4px;
background-color: #0ad;
background-color: var(--accent-color);
color: var(--accent-text-color);
}
a {
text-decoration: none;
color: var(--accent-color);
&:hover,
&:focus {