dark mode override and default working now

pass/public/styles/index.less

@@ -343,7 +343,7 @@ html {
     padding-top: 4rem;
     gap: 1rem;
     > a {
-      color: var(--font-color);
+      color: var(--color-main-font-color);
     }
   }
 }

pass/public/styles/misc/vars_dark.css

-:root{--max-content-width:980px;--body-scroll-break-point:320px;--background-color:#1c1b22;--border-color:#000;--link-color:#1b6fa1;--color-main:#894400;--color-main-hover:#a35100;--color-main-font-color:#ccc;--color-main-font-color-hover:#bfbfbf;--color-secondary:#0c334a;--border-color-secondary:#092434;--color-secondary-hover:rgba(12,51,74,0.7);--border-color-secondary-hover:#092434;--color-secondary-disabled:rgba(12,51,74,0.3);--border-color-secondary-disabled:rgba(9,36,52,0.3);--input-background-color:#2b2a33;--font-color:#ccc;--font-color-hover:rgba(204,204,204,0.9);--font-color-lighter:#e6e6e6;--color-negative:rgba(255,0,0,0.432);--logo-invert-dark:invert(1);--logo-generic-filter:brightness(0) invert(1) brightness(70%);--logo-white-filter:brightness(0) invert(1) brightness(70%);--paypal-button-style:black}img:not(.dark){filter:brightness(.8) contrast(1.2)}
+:root{--max-content-width:980px;--body-scroll-break-point:320px;--background-color:#1c1b22;--border-color:#000;--link-color:#1b6fa1;--color-main:#a35100;--color-main-hover:#bc5e00;--color-main-font-color:#d9d9d9;--color-main-font-color-hover:#ccc;--color-secondary:#10425f;--border-color-secondary:#0c334a;--color-secondary-hover:rgba(16,66,95,0.7);--border-color-secondary-hover:#0c334a;--color-secondary-disabled:rgba(16,66,95,0.3);--border-color-secondary-disabled:rgba(12,51,74,0.3);--input-background-color:#2b2a33;--font-color:#d9d9d9;--font-color-hover:rgba(217,217,217,0.9);--font-color-lighter:#f2f2f2;--color-negative:rgba(255,0,0,0.432);--logo-invert-dark:invert(1);--logo-generic-filter:brightness(0) invert(1) brightness(70%);--logo-white-filter:brightness(0) invert(1) brightness(70%);--paypal-button-style:black}img:not(.dark){filter:brightness(.8) contrast(1.2)}
\ No newline at end of file

pass/public/styles/misc/vars_dark.less

-@color-main: darken(#ef7700, 20%);
-@color-secondary: darken(#1b6fa1, 20%);
-@color-main-font-color: darken(white, 20%);
-@font-color: darken(white, 20%);
+@color-main: darken(#ef7700, 15%);
+@color-secondary: darken(#1b6fa1, 15%);
+@color-main-font-color: darken(white, 15%);
+@font-color: darken(white, 15%);
 @background-color: rgb(28, 27, 34);
 :root {
   --max-content-width: 980px;
   --body-scroll-break-point: 320px;
 
   --background-color: @background-color;
-  --border-color: darken(@background-color, 20%);
-  --link-color: lighten(@color-secondary, 20%);
+  --border-color: darken(@background-color, 15%);
+  --link-color: lighten(@color-secondary, 15%);
 
   /** Main Color */
   --color-main: @color-main;

pass/views/templates/page_header.ejs

@@ -49,9 +49,18 @@
   <%_ if (typeof refresh !== "undefined") { _%>
   <meta http-equiv="refresh" content="<%= refresh.seconds %>; URL=<%= refresh.url _%>">
   <%_ } _%>
+  
+  <%_ if (req.cookies.dark_mode && req.cookies.dark_mode == "2"){ _%>
+  <meta name="color-scheme" content="dark">
+  <link rel="stylesheet" href="<%= baseDir _%>/styles/misc/vars_dark.css" /> 
+  <%_ } else if (req.cookies.dark_mode && req.cookies.dark_mode == "1") { _%>
+  <meta name="color-scheme" content="light">
+  <link rel="stylesheet" href="<%= baseDir _%>/styles/misc/vars.css" />
+  <%_ } else { _%>
   <meta name="color-scheme" content="dark light">
-  <link rel="stylesheet" media="(prefers-color-scheme: light)" href="<%= baseDir _%>/styles/misc/vars.css" />
+  <link rel="stylesheet" href="<%= baseDir _%>/styles/misc/vars.css" />
   <link rel="stylesheet" media="(prefers-color-scheme: dark)" href="<%= baseDir _%>/styles/misc/vars_dark.css" /> 
+  <%_ } _%>
   <link rel='stylesheet' href='<%= baseDir _%>/styles/base.css' />
   <%_ if (typeof css !=='undefined' ) { -%>
   <%_ css.forEach(css_file=> { -%>