Fix

src/template/base.less

@@ -125,6 +125,7 @@
   --color-navbar: @bg1;
   --color-navbar-transparent: @bg1;
   --color-nav-bg: @bg1;
+  --color-nav-hover-bg: @bg3;
   --color-light: @bg1;
   --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
   --color-light-border: @bg4;
@@ -150,6 +151,7 @@
   --color-reaction-active-bg: var(--color-primary-alpha-40);
   --color-header-bar: @bg1;
   --color-label-bg: @bg4;
+  --color-label-text: @fg;
   --color-label-active-bg: @bg4;
   --color-accent: var(--color-primary-light-1);
   --color-small-accent: var(--color-primary-light-5);

src/template/fix.less

@@ -11,6 +11,18 @@
   color: @bg0;
 }
 
+.ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
+  color: @bg0;
+  background-color: @button1;
+  border-color: @button1;
+}
+
+.ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
+  color: @bg0;
+  background-color: @button1;
+  border-color: @button1;
+}
+
 /* secondary buttons */
 .ui.green.buttons .button, .ui.green.button {
   background: @button2;
@@ -106,16 +118,12 @@ i.grey.icon.icon.icon.icon {
 }
 
 /* grey buttons */
-.ui.grey.labels .label, .ui.ui.ui.grey.label, .ui.grey.button, .ui.grey.buttons .button {
-  color: @bg0;
-  background-color: @bg4;
-  border-color: @bg4;
+.ui.labels a.label, a.ui.label {
+  background-color: @bg0;
 }
 
-.ui.grey.labels .label:hover, .ui.ui.ui.grey.label:hover, .ui.grey.button:hover, .ui.grey.buttons .button:hover {
-  color: @bg0;
-  background-color: @button1;
-  border-color: @button1;
+.ui.labels a.label:hover, a.ui.label:hover {
+  background-color: @bg3;
 }
 
 /* orange buttons */