Add @media and some kinds of issue

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 {