79 lines
1.0 KiB
Plaintext
79 lines
1.0 KiB
Plaintext
|
|
:root {
|
|
color-scheme: light dark;
|
|
}
|
|
|
|
|
|
|
|
{{! ===== Default Themes ===== }}
|
|
|
|
body {
|
|
{{> default_light }}
|
|
}
|
|
|
|
body[data-color-scheme='dark'] {
|
|
{{> default_dark }}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
{{> default_dark }}
|
|
}
|
|
|
|
body[data-color-scheme='light'] {
|
|
{{> default_light }}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
{{! ===== High Contrast Themes ===== }}
|
|
|
|
{{# more_contrast }}
|
|
@media (prefers-contrast: more) {
|
|
body {
|
|
{{> more_contrast_light }}
|
|
}
|
|
|
|
body[data-color-scheme='dark'] {
|
|
{{> more_contrast_dark }}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
{{> more_contrast_dark }}
|
|
}
|
|
|
|
body[data-color-scheme='light'] {
|
|
{{> more_contrast_light }}
|
|
}
|
|
}
|
|
}
|
|
{{/ more_contrast }}
|
|
|
|
|
|
|
|
{{! ===== Low Contrast Themes ===== }}
|
|
|
|
{{# less_contrast }}
|
|
@media (prefers-contrast: less) {
|
|
body {
|
|
{{> less_contrast_light }}
|
|
}
|
|
|
|
body[data-color-scheme='dark'] {
|
|
{{> less_contrast_dark }}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
{{> less_contrast_dark }}
|
|
}
|
|
|
|
body[data-color-scheme='light'] {
|
|
{{> less_contrast_light }}
|
|
}
|
|
}
|
|
}
|
|
{{/ less_contrast }}
|