feat(css): ♿ better accessibility with high contrast light mode
This commit is contained in:
parent
38ce5042ff
commit
e1e462b7ca
|
@ -58,6 +58,17 @@
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-contrast: more) {
|
||||||
|
:root {
|
||||||
|
--_font-color: black;
|
||||||
|
--_accent-color: var(--lime-12);
|
||||||
|
--_translucent: var(--sand-2);
|
||||||
|
--_background-color: white;
|
||||||
|
--_background-image: '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
:root:has(body:not([data-theme='light'])) {
|
:root:has(body:not([data-theme='light'])) {
|
||||||
--_font-color: var(--choco-1);
|
--_font-color: var(--choco-1);
|
||||||
|
|
Loading…
Reference in a new issue