From b5b37b173f74fbd8173699cbfdb955b38061deeb Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Thu, 4 Jul 2024 12:10:06 +0200
Subject: [PATCH] feat(css): :wheelchair: better accessibility with high
 contrast dark mode

---
 src/stylesheets/base.css | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/stylesheets/base.css b/src/stylesheets/base.css
index 3e456da..aa35c70 100644
--- a/src/stylesheets/base.css
+++ b/src/stylesheets/base.css
@@ -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);