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

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

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

21
src/stylesheets/base.css
View file

@ -68,7 +68,6 @@
}
}
@media (prefers-color-scheme: dark) {
:root:has(body:not([data-theme='light'])) {
--_font-color: var(--choco-1);
@ -83,6 +82,26 @@
--_background-color: var(--sand-12);
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
:root:has(body:not([data-theme='light'])) {
--_font-color: white;
--_accent-color: var(--lime-9);
--_translucent: var(--sand-10);
--_background-color: black;
--_background-image: '';
}
}
@media (prefers-contrast: more) {
:root:has(body[data-theme='dark']) {
--_font-color: white;
--_accent-color: var(--lime-9);
--_translucent: var(--sand-10);
--_background-color: black;
--_background-image: '';
}
}
body {
color: var(--_font-color);
font-family: var(--_font-family);