diff --git a/html/css/custom/styles.css b/html/css/custom/styles.css
index f7b69a731a7042bd0b0bcf31fb115b83e209e1c4..0a8fc176b8cff220f4e68c25f8c62d52778e4ef0 100644
--- a/html/css/custom/styles.css
+++ b/html/css/custom/styles.css
@@ -32,6 +32,23 @@ $config['webui']['custom_css'][]       = "css/custom/styles.css";
 $config['site_style']       = "mono";
 */
 
+:root {
+  --body-bg: white;
+  --body-color: black;
+  --anchor-color: red;
+  --letter-spacing: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --body-bg: black;
+    --body-color: white;
+    --anchor-color: salmon;
+    --letter-spacing: 0.1;
+  }
+}
+
+
 @media screen and (prefers-color-scheme: dark) {
   body {
     background-color: black;
@@ -61,6 +78,8 @@ html[data-theme='dark'] {
   --text-color-highlight: hsl(25, 70%, 45%);
 }
 
+
+
 /* SCROLL BAR*/
 
 ::-webkit-scrollbar {