61 lines
1 KiB
Plaintext
61 lines
1 KiB
Plaintext
@define-mixin theme $bg, $fg {
|
|
background-color: var(--color-priduck-c0b$(bg));
|
|
color: var(--color-priduck-c0b$(fg));
|
|
}
|
|
|
|
:root {
|
|
@mixin theme 9, 1;
|
|
}
|
|
|
|
[data-prefers-contrast="more"] {
|
|
@mixin theme 9, 0;
|
|
}
|
|
|
|
[data-prefers-contrast="less"] {
|
|
@mixin theme 9, 2;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
@mixin theme 9, 1;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
@mixin theme 0, 8;
|
|
}
|
|
|
|
[data-prefers-contrast="more"] {
|
|
@mixin theme 0, 9;
|
|
}
|
|
|
|
[data-prefers-contrast="less"] {
|
|
@mixin theme 0, 7;
|
|
}
|
|
}
|
|
|
|
[data-prefers-color-scheme="light"] {
|
|
@mixin theme 9, 1;
|
|
}
|
|
|
|
[data-prefers-color-scheme="light"][data-prefers-contrast="more"] {
|
|
@mixin theme 9, 0;
|
|
}
|
|
|
|
[data-prefers-color-scheme="light"][data-prefers-contrast="less"] {
|
|
@mixin theme 9, 2;
|
|
}
|
|
|
|
[data-prefers-color-scheme="dark"] {
|
|
@mixin theme 0, 8;
|
|
}
|
|
|
|
[data-prefers-color-scheme="dark"][data-prefers-contrast="more"] {
|
|
@mixin theme 0, 9;
|
|
}
|
|
|
|
[data-prefers-color-scheme="dark"][data-prefers-contrast="less"] {
|
|
@mixin theme 0, 7;
|
|
}
|