From 1431a21d5d855ff7f316d234fc071a1c6de28f84 Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Tue, 13 Feb 2024 14:00:43 +0100
Subject: [PATCH] feat(ui): :lipstick: add dark theme

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

diff --git a/src/stylesheets/base.css b/src/stylesheets/base.css
index 0efbc2c..fba4c56 100644
--- a/src/stylesheets/base.css
+++ b/src/stylesheets/base.css
@@ -25,7 +25,22 @@
 	--_transition-delay: 0.2s;
 }
 
+@media (prefers-color-scheme: dark) {
+	:root:has(body:not([data-theme='light'])) {
+		--_font-color: var(--choco-1);
+		--_accent-color: var(--lime-11);
+		--_background-color: var(--sand-12);
+	}
+}
+
+:root:has(body[data-theme='dark']) {
+	--_font-color: var(--choco-1);
+	--_accent-color: var(--lime-11);
+	--_background-color: var(--sand-12);
+}
+
 body {
+	color: var(--_font-color);
 	font-family: var(--_font-family);
 	font-size: var(--_font-size);
 	accent-color: var(--_accent-color);