static/css/colorschemes/colors.css

@@ -1,85 +1,74 @@
 /* Mostly based off of gruvbox */
 
 :root {
-	--col-0: #FFFFFF;
+	--col-1: #DEE4F7;
-	--col-1: #F0F2F9;
-	--col-2: #3C5197;
-	--col-3: #0C101D;
-	--col-4: #18203A;
-	--col-5: #5F75BF;
-	--col-6: #1E2848;
-	--col-7: #12182B;
-	--col-8: #181F38;
 
 
 
 /* Color Sheme linking */
-	--body-bg: var(--col-3);
+	--body-bg: var(--col-1);
-	--body-fg: var(--col-1);
+	--body-fg: var(--light-0);
 
-	--link-fg: var(--col-5);
+	--link-fg: var();
-
-	--header-bg: var(--col-4);
-	--header-bg-hov: var(--col-2);
-	--header-fg: var(--body-fg);
 
+	--header-bg: var(--col-2);
 	--header-shadow: var(--body-bg);
-	--header-shadow-hov: var(--header-shadow);
 
-	--hamburger-fg: var(--col-1);
+
-	--hamburger-fg-checked: var(--hamburger-fg);
+
+	--header-shadow-hov: var();
+
+	--hamburger-fg: var(--light-0);
+	--hamburger-fg-checked: var(--col-acc);
+
+	--table-bg: var(--col-2);
+	--table-bg-alt: var(--col-3);
+	--table-border: var();
+
+  --blockquote-border: var(--col-0);
+
+	--maps-bg: #2C3963;
+	--maps-border: var(--acc);
+
+	--button-bg: var(--acc);
+	--button-fg: var();
+
+
+
+
+
+
+
 	--langs-bg: var(--header-bg);
 	--lang-btn-bg: var(--header-bg) ;
 	--langs-bg-hov: var(--header-bg-hov);
 
 
-  --blockquote-border: var(--col-6);
 
 
 
+--cal-bg: darkslategray;
+--cal-fg: white;
 
+--cal-month-bg: black;
+--cal-month-fg: cyan;
 
+--cal-weekdays-bg: gray ;
+--cal-weekdays-fg: black;
 
-	--table-bg: var(--col-7);
+--cal-day-empty-fg: #888;
-	--table-bg-alt: var(--col-8);
+--cal-day-empty-bg: #555;
-	--table-border: var(--body-bg);
 
+--cal-day-busy-fg:  #555;
+--cal-day-busy-bg:  #888;
 
-	--maps-bg: var(--col-4);
+--cal-day-hover-fg: #555;
-	--maps-border: var(--col-2);
+--cal-day-hover-bg: black;
 
-	--button-bg: var(--col-2);
+--cal-event-fg: white;
-	--button-fg: var(--body-fg);
+--cal-event-bg: var(--acc-1) ;
 
 
-
-
---cal-bg: var(--col-4);
---cal-fg: var(--body-fg);
-
---cal-month-bg: var(--col-8);
---cal-month-fg: var(--link-fg);
-
---cal-weekdays-bg: var(--col-7);
---cal-weekdays-fg: var(--cal-fg);
-
---cal-day-empty-fg: var(--col-7);
---cal-day-empty-bg:  var(--col-6);
-
---cal-day-busy-fg: var(--cal-fg);
---cal-day-busy-bg: var(--col-7);
-
---cal-day-hover-fg: var(--col-2);
---cal-day-hover-bg: var(--col-7);
-
---cal-event-fg: var(--cal-fg);
---cal-event-bg: var(--col-2) ;
-
---cal-mobile-bg: var(--cal-day-busy-bg);
---cal-mobile-fg: var(--cal-fg);
---cal-mobile-border: var(--col-2);
---cal-mobile-link: var(--link-fg);
-
 /* Light Mode Colors */
 	--bg: #f9f5d7;
 	--fg: #3c3836;
@@ -91,7 +80,19 @@
 @media (prefers-color-scheme: dark) {
 	:root {
 /* Dark Mode Colors */	
+		--bg: #1d2021;
+		--fg: #ebdbb2;
+		--alt-bg: #504945;
+		--acc-1: #83a598;
+		--shadow: #1d2021;
 
 /* Dark Mode Colorsheme Link Overides */
+
+		--table: #282828;
+		--table-alt: #504945;
+
+		--lang-btn-bg: black;
+		--langs-bg: black;
+		--langs-bg-hov: gray;
 	}
 }

static/css/style.css

@@ -48,10 +48,10 @@ footer.fixed {
 .header { 
 	width: 100%;
 	background-color: var(--header-bg);
+	box-shadow:  inset 0 -20px 20px -20px var(--header-shadow);
 	position: fixed;
 	top: 0;
 	z-index: 100;
-	box-shadow:  inset 0 -20px 20px -20px var(--header-shadow);
 }
 
 .menu-entries a{
@@ -71,7 +71,6 @@ footer.fixed {
 }
 
 .menu a {
-	color: var(--header-fg);
 	display: inline-block;
 }
 
@@ -104,8 +103,6 @@ a.home-link { display: none; }
 		text-align: center;
 	}
 
-	.menu-entries a:hover { box-shadow:  none; }
-
 	.menu-entries {
 		text-align: center;
 		float: none;
@@ -196,10 +193,6 @@ a.home-link { display: none; }
 
 	}
 
-	.menu-entries a {
-		box-shadow: none;
-	}
-
 	.menu-entries a:hover{
 		box-shadow: inset -22px 0 20px -20px var(--header-shadow-hov);
 	}
@@ -218,7 +211,7 @@ a.home-link { display: none; }
 table { width: 100%; }
 
 th, td, table {
-	border: 2px solid var(--table-border);
+	border: 1px solid var(--table-border);
 	border-collapse: collapse;
 	padding: 6px 13px;
 }
@@ -369,17 +362,12 @@ blockquote.location p { padding: inherit; }
 	width: 100%;
 	padding-left: 0;
 	padding-right: 0;
-	box-shadow:  inset 0 -20px 20px -20px var(--header-shadow);
 }
 
 .lang-switch a:hover  {
 	background-color: var(--langs-bg-hov);
-	box-shadow: none;
 }
 
-.lang-btn:checked ~ .lang-switch a { box-shadow: none; }
-.lang-btn:checked ~ .lang-switch a { box-shadow: none; }
-
 
 /* lang-switch content (hidden by default) */
 .translation-list {
@@ -424,8 +412,6 @@ blockquote.location p { padding: inherit; }
 .lang-switch a {
 	padding: 20px;
 	width: auto;
-	box-shadow: inset -22px 0 20px -20px var(--header-shadow);
-
 }
 
 .translation-list {
@@ -444,11 +430,8 @@ blockquote.location p { padding: inherit; }
 .lang-switch a {
 	padding: 20px;
 	width: auto;
-	box-shadow:  none;
 }
 
-.lang-switch a:hover { box-shadow:  none; }
-
 .translation-list {
 	position: static;
 	width: auto;
@@ -577,17 +560,17 @@ blockquote.location p { padding: inherit; }
     border-left-width: 5px;
     border-left-style: solid;
     margin-top: 10px;
-    background-color: var(--cal-mobile-bg);
+    background-color: var(--alt-bg);
-    border-left-color: var(--cal-mobile-border);
+    border-left-color: var(--acc-1);
     padding: 20px;
-    color: var(--cal-mobile-fg);
+    color: var(--alt-fg);
 
   }
 
   .day:has(>.event):hover {
+    background-color: var(--alt-bg);
     transform: none;
-    background-color: var(--cal-mobile-bg);
+    color: var(--alt-fg);
-    color: var(--cal-mobile-fg);
 
   }
 
@@ -615,7 +598,7 @@ blockquote.location p { padding: inherit; }
 
   }
     .event a {
-    color: var(--cal-mobile-link);
+    color: var(--acc-1);
     font-size: 2vh;
     }
 }