From fcfde083e7d67af9feb6cf4ecca71d90d9d97215 Mon Sep 17 00:00:00 2001
From: Giorgio Reale <accounts@giorgioreale.xyz>
Date: Tue, 18 Jul 2023 22:50:45 +0200
Subject: [PATCH] Enhancing themes with `color-scheme: light | dark;`
 implementation in CSS

---
 src/theme/css/general.css   |  1 +
 src/theme/css/variables.css | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/src/theme/css/general.css b/src/theme/css/general.css
index 344b53eb..a6db6805 100644
--- a/src/theme/css/general.css
+++ b/src/theme/css/general.css
@@ -5,6 +5,7 @@
 :root {
     /* Browser default font-size is 16px, this way 1 rem = 10px */
     font-size: 62.5%;
+    color-scheme: var(--color-scheme);
 }
 
 html {
diff --git a/src/theme/css/variables.css b/src/theme/css/variables.css
index 21bf8e55..59fcda88 100644
--- a/src/theme/css/variables.css
+++ b/src/theme/css/variables.css
@@ -50,6 +50,8 @@
     --searchresults-border-color: #888;
     --searchresults-li-bg: #252932;
     --search-mark-bg: #e3b171;
+
+    --color-scheme: dark;
 }
 
 .coal {
@@ -90,6 +92,8 @@
     --searchresults-border-color: #98a3ad;
     --searchresults-li-bg: #2b2b2f;
     --search-mark-bg: #355c7d;
+
+    --color-scheme: dark;
 }
 
 .light {
@@ -130,6 +134,8 @@
     --searchresults-border-color: #888;
     --searchresults-li-bg: #e4f2fe;
     --search-mark-bg: #a2cff5;
+
+    --color-scheme: light;
 }
 
 .navy {
@@ -170,6 +176,8 @@
     --searchresults-border-color: #5c5c68;
     --searchresults-li-bg: #242430;
     --search-mark-bg: #a2cff5;
+
+    --color-scheme: dark;
 }
 
 .rust {
@@ -210,6 +218,8 @@
     --searchresults-border-color: #888;
     --searchresults-li-bg: #dec2a2;
     --search-mark-bg: #e69f67;
+
+    --color-scheme: light;
 }
 
 @media (prefers-color-scheme: dark) {