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