2023-03-11 14:07:43 -08:00
|
|
|
:root {
|
|
|
|
@each $varName, $varDefault in $css-vars {
|
|
|
|
--#{$varName}: #{$varDefault};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
:root {
|
|
|
|
--background-color: #{$background-color-dark};
|
|
|
|
--text-color: white;
|
|
|
|
|
|
|
|
--warning-background-color: #{$warning-background-color-dark};
|
|
|
|
--warning-border-color: #{$warning-border-color-dark};
|
|
|
|
|
|
|
|
--target-background-color: #{$target-background-color-dark};
|
|
|
|
|
|
|
|
--code-color: #{$code-color-dark};
|
2024-02-02 21:05:26 -08:00
|
|
|
--code-lineno-color: white;
|
2023-03-11 14:07:43 -08:00
|
|
|
--code-keyword-color: #{$code-token-color-dark};
|
2024-05-27 18:57:58 -07:00
|
|
|
--code-comment-color: #{$code-comment-color-dark};
|
2023-03-11 14:07:43 -08:00
|
|
|
--code-type-color: #{$code-token-color-dark};
|
2023-03-11 14:56:46 -08:00
|
|
|
--code-highlight-color: #{$code-highlight-color-dark};
|
2023-03-11 14:07:43 -08:00
|
|
|
}
|
|
|
|
}
|