49 lines
1.1 KiB
CSS
49 lines
1.1 KiB
CSS
:root {
|
|
background-color: var(--color-c0b9);
|
|
color: var(--color-c0b1);
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
background-color: var(--color-c0b9);
|
|
color: var(--color-c0b1);
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
background-color: var(--color-c0b0);
|
|
color: var(--color-c0b8);
|
|
}
|
|
}
|
|
|
|
[data-prefers-color-scheme="light"] {
|
|
background-color: var(--color-c0b9);
|
|
color: var(--color-c0b1);
|
|
}
|
|
|
|
[data-prefers-color-scheme="light"][data-prefers-contrast="more"] {
|
|
background-color: var(--color-c0b9);
|
|
color: var(--color-c0b0);
|
|
}
|
|
|
|
[data-prefers-color-scheme="light"][data-prefers-contrast="less"] {
|
|
background-color: var(--color-c0b9);
|
|
color: var(--color-c0b2);
|
|
}
|
|
|
|
[data-prefers-color-scheme="dark"] {
|
|
background-color: var(--color-c0b0);
|
|
color: var(--color-c0b8);
|
|
}
|
|
|
|
[data-prefers-color-scheme="dark"][data-prefers-contrast="more"] {
|
|
background-color: var(--color-c0b0);
|
|
color: var(--color-c0b9);
|
|
}
|
|
|
|
[data-prefers-color-scheme="dark"][data-prefers-contrast="less"] {
|
|
background-color: var(--color-c0b0);
|
|
color: var(--color-c0b7);
|
|
}
|