2020-07-13 21:26:05 +00:00
|
|
|
// dark mode preference
|
|
|
|
@media (prefers-color-scheme: dark) {
|
2020-08-16 01:07:39 +00:00
|
|
|
:root {
|
|
|
|
--background: #{$black-dk};
|
|
|
|
--background-accent: #{$black-md};
|
|
|
|
--border-accent: #{$gray-md};
|
|
|
|
--border-subdued: #{$black-md};
|
|
|
|
--link-color: #{$blue-lt};
|
|
|
|
--text-color: #{$gray-lt};
|
|
|
|
--text-color-accent: #{$white};
|
|
|
|
--text-color-subdued: #{$black-lt};
|
|
|
|
--text-title-title: #{$purple-lt};
|
|
|
|
--text-color-h3: #{$teal-lt};
|
|
|
|
}
|
|
|
|
main aside h1 {
|
|
|
|
background: var(--text-color-title);
|
|
|
|
background: linear-gradient(135deg, $blue-lt 0%, $purple-lt 67%);
|
|
|
|
-webkit-background-clip: text;
|
|
|
|
background-clip: text;
|
|
|
|
color: transparent;
|
2020-07-14 16:46:08 +00:00
|
|
|
}
|
2020-08-13 21:02:34 +00:00
|
|
|
#toc {
|
|
|
|
background: rgba(0,0,0,.75);
|
|
|
|
&::before {
|
|
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d6d7df' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cline x1='8' y1='6' x2='21' y2='6' /%3E%3Cline x1='8' y1='12' x2='21' y2='12' /%3E%3Cline x1='8' y1='18' x2='21' y2='18' /%3E%3Cline x1='3' y1='6' x2='3.01' y2='6' /%3E%3Cline x1='3' y1='12' x2='3.01' y2='12' /%3E%3Cline x1='3' y1='18' x2='3.01' y2='18' /%3E%3C/svg%3E%0A");
|
|
|
|
}
|
|
|
|
}
|
2020-07-13 21:26:05 +00:00
|
|
|
}
|