dark theme c:
This commit is contained in:
parent
8c6a2bdb07
commit
35d1242029
1 changed files with 15 additions and 0 deletions
|
@ -7,6 +7,7 @@ body {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: max(325px, 15%) auto;
|
grid-template-columns: max(325px, 15%) auto;
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
@ -187,6 +188,20 @@ nav a.current::before {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* dark theme */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body, main article {
|
||||||
|
background: #282A36;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
main article a {
|
||||||
|
color: #a380eb;
|
||||||
|
}
|
||||||
|
header::after {
|
||||||
|
filter: blur(3px) saturate(75%) brightness(80%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* smaller screen tweaks */
|
/* smaller screen tweaks */
|
||||||
@media only screen and (max-device-width : 840px) {
|
@media only screen and (max-device-width : 840px) {
|
||||||
body {
|
body {
|
||||||
|
|
Loading…
Reference in a new issue