Update color vars to new var names

src/lib/main.css

@@ -42,7 +42,7 @@ html {
 body {
   background-color: var(--main-bg-color);
   background-image: radial-gradient(var(--second-bg-color), var(--main-bg-color));
-  color: var(--second-text-color);
+  color: var(--main-text-color);
   font-family: urwgothic, sans-serif;
   text-align: center;
   margin: auto;
@@ -50,7 +50,7 @@ body {
   padding-bottom: 65px;
 }
 a {
-  color: var(--link-color);
+  color: var(--main-link-color);
 }
 button:hover {
   cursor: pointer;

src/lib/navigation/nav-ldb.svelte

@@ -36,13 +36,13 @@
     left: 0;
     width: 100%;
     height: 50px;
-    background-color: var(--island-overlay-bg-color);
+    background-color: var(--island-bg-solid);
   }
 
   .footerLink {
     width: 30%;
     height: 100%;
-    background-color: var(--island-overlay-bg-color);
+    background-color: var(--island-bg-solid);
     border-style: solid;
     border-width: 1px;
     border-top: none;

src/lib/navigation/nav.svelte

@@ -45,7 +45,7 @@
     flex: 12;
     width: 30%;
     height: 100%;
-    background-color: var(--overlay-island-bg-color);
+    background-color: var(--island-bg-solid);
     border-style: solid;
     border-width: 1px;
     border-top: none;

src/lib/themes.css

@@ -21,6 +21,9 @@
 :root {
     --main-bg-color: #404c55;
     --second-bg-color: #2b343c;
+    --main-header-color: ;
+    --main-text-color: ;
+    --main-link-color: ;
     --island-bg-color: ;
     --island-bg-solid: ;
     --island-button-color: ;
@@ -34,19 +37,6 @@
 /*
 Christmas Theme
 {
-    --main-bg-color: #404c55;
-    --second-bg-color: #2b343c;
-    --accent-color: #007979;
-    --island-color: #3c6f79de;
-    --main-heading-color: #00b7b7;
-    --main-text-color: #0afdfd;
-    --note-text-color: #9de7ff;
-    --link-color: azure;
-    --box-border-color: rgba(0,0,0,0.19);
-    --link-visited-color: azure;
-    --main-alert-color: #ed6d00;
-    --second-alert-color: #e77f00;
-    --main-warning-color: orange;
-    --board-name-color: #fcfc09;
+
 }
 */