fix(ui): recolor tab text

public/assets/css/theme-witch.css

@@ -180,11 +180,6 @@
     color: var(--witch-plum) !important;
     text-decoration: underline;
   }
-
-  a.button
-  {
-    color:var(--witch-moon) !important; 
-  }
   
   h1, .ui.huge.header {
     text-shadow: 2px 2px 0px var(--witch-rose),
@@ -369,7 +364,8 @@
   
   /* Nav items - LIGHT text on dark background */
   #navbar .item, #navbar a.item, .ui.secondary.menu .item, .navbar .item {
-    color: var(--witch-moon) !important;
+    color: var(--witch-lavender) !important;
+    background-color: var(--witch-purple) !important;
     transition: all 0.3s ease;
   }
   
@@ -378,9 +374,9 @@
     color: white !important;
   }
   
-  #navbar .active.item, .ui.secondary.menu .active.item {
-    background-color: rgba(212, 165, 199, 0.4) !important;
-    color: white !important;
+  #navbar .active.item, .ui.secondary.menu .active.item {   
+    color: var(--witch-lavender) !important;
+    background-color: var(--witch-plum) !important;
   }
   
   /* Icons in navbar should also be light */