cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat(css): ♿ better accessibility with high contrast light mode

Browse source
This commit is contained in:
Julien Oculi 2024-07-04 12:06:32 +02:00
parent 38ce5042ff
commit e1e462b7ca
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/stylesheets/base.css
View file

@ -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);