Fixed so the menu and menuIcon coloration correctly changes with mode change

styles/less/ui/sidebar/daggerheartMenu.less

@@ -1,6 +1,43 @@
+.theme-light.tab.sidebar-tab.daggerheartMenu-sidebar {
+    fieldset {
+        border-color: @dark-blue;
+
+        legend {
+            color: @dark-blue;
+        }
+    }
+
+    button {
+        background: transparent;
+    }
+
+    .menu-refresh-container .menu-refresh-inner-container .experience-chip {
+        background: @dark-blue-10;
+        color: @dark-blue;
+
+        &.selected {
+            background: @dark-blue-40;
+        }
+    }
+}
+
 .tab.sidebar-tab.daggerheartMenu-sidebar {
     padding: 4px;
 
+    fieldset {
+        border-color: @golden;
+
+        legend {
+            color: @golden;
+        }
+    }
+
+    button {
+        background: @golden;
+        border: 1px solid @dark-blue;
+        color: @dark-blue;
+    }
+
     div[data-application-part] {
         display: flex;
         flex-direction: column;
@@ -31,8 +68,8 @@
                 gap: 5px;
                 cursor: pointer;
                 padding: 5px;
-                background: light-dark(@dark-blue-10, @golden-10);
+                background: @golden-10;
-                color: light-dark(@dark-blue, @golden);
+                color: @golden;
 
                 .label {
                     font-style: normal;
@@ -42,7 +79,7 @@
                 }
 
                 &.selected {
-                    background: light-dark(@dark-blue-40, @golden-40);
+                    background: @golden-40;
                 }
             }
         }

styles/less/ui/sidebar/tabs.less

@@ -1,4 +1,4 @@
-.theme-light #interface #ui-right #sidebar {
+.theme-light#interface #ui-right #sidebar {
     menu li button img {
         filter: @grey-filter;
     }