themes cleanup, ui improvements

dash-frontend/assets/gui/dashboard.xml

@@ -40,7 +40,7 @@
         <rectangle
           width="100%"
           round="100%"
-          color="~menu_dark"
+          color="~color_menu_dark"
           flex_direction="column"
           justify_content="center"
           align_items="center"
@@ -107,7 +107,7 @@
           flex_direction="row"
           align_items="center"
           justify_content="space_between"
-          color="~bottom_panel"
+          color="~color_bottom_panel"
         >
           <!-- left gradient -->
           <div position="absolute" width="100%" height="100%" justify_content="start">

dash-frontend/assets/gui/t_menu_button.xml

@@ -8,7 +8,7 @@
       height="82"
       color="#00000033"
       border_color="#FFFFFF77"
-      hover_color="~accent"
+      hover_color="~color_accent"
       hover_border_color="#FFFFFF"
       round="8">
       <div gap="8"

dash-frontend/assets/gui/theme.xml

@@ -1,9 +1,7 @@
 <layout>
   <theme>
-    <var key="menu_dark" value="#0A0A0ACC" />
-    <var key="accent" value="#008cff" />
-    <var key="background_dark" value="#0d131acc" />
-    <var key="background_light" value="#244179aa" />
-    <var key="bottom_panel" value="#141e28" />
+    <var key="color_menu_dark" value="#0A0A0ACC" />
+    <var key="color_accent" value="#008cff" />
+    <var key="color_bottom_panel" value="#141e28" />
   </theme>
 </layout>