fix(ui): visible label text

public/assets/css/theme-witch.css

@@ -180,6 +180,11 @@
     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),
@@ -364,8 +369,7 @@
   
   /* Nav items - LIGHT text on dark background */
   #navbar .item, #navbar a.item, .ui.secondary.menu .item, .navbar .item {
-    color: var(--witch-lavender) !important;
-    background-color: var(--witch-purple) !important;
+    color: var(--witch-moon) !important;
     transition: all 0.3s ease;
   }
   
@@ -374,9 +378,9 @@
     color: white !important;
   }
   
-  #navbar .active.item, .ui.secondary.menu .active.item {   
-    color: var(--witch-lavender) !important;
-    background-color: var(--witch-plum) !important;
+  #navbar .active.item, .ui.secondary.menu .active.item {
+    background-color: rgba(212, 165, 199, 0.4) !important;
+    color: white !important;
   }
   
   /* Icons in navbar should also be light */