blog/assets/scss/_dark.scss

57 lines
1.3 KiB
SCSS
Raw Normal View History

// 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,
b {
color: var(--link-color-dark);
}
p a: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%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
}
article {
h2,
h3 {
color: var(--text-dark-hl);
}
blockquote {
p {
border-left-color: var(--border-dark);
}
}
}
section#author.border::before {
background: var(--bg-dark);
}
}
ul.tags li a {
background: var(--border-dark);
&:hover {
background: var(--link-color-dark);
}
}
}