mirror of
https://github.com/andrewgioia/blog.git
synced 2024-11-14 20:44:47 +00:00
45 lines
1.0 KiB
SCSS
45 lines
1.0 KiB
SCSS
|
// dark mode preference
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
body {
|
||
|
|
background: var(--bg-dark);
|
||
|
|
color: var(--text-dark);
|
||
|
|
}
|
||
|
|
header {
|
||
|
|
border-top-color: var(--border-dark);
|
||
|
|
h1 {
|
||
|
|
a {
|
||
|
|
color: var(--text-dark-hl);
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
color: var(--text-subdued-dark);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: var(--link-color-dark);
|
||
|
|
|
||
|
|
&:not(.arrow):hover {
|
||
|
|
border-bottom: 2px solid var(--link-color-dark);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
aside {
|
||
|
|
h1 {
|
||
|
|
background: var(--text-title-dark);
|
||
|
|
background: linear-gradient(135deg, $blue-lt 0%, $purple-lt 67%);
|
||
|
|
background-clip: text;
|
||
|
|
color: transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
article {
|
||
|
|
h2 {
|
||
|
|
color: var(--text-dark-hl);
|
||
|
|
}
|
||
|
|
blockquote {
|
||
|
|
p {
|
||
|
|
border-left-color: var(--border-dark);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|