new icons

got rid of custom imported icons, too much work to make them dark mode useable.

client/src/theme.js

@@ -42,14 +42,14 @@ const sidebarRecipe = defineSlotRecipe({
       flexDirection: "column",
       justifyContent: "start", 
       alignItems: "start",
-      gap: 4,
+      gap: 2,
       p: 2,
     },
     buttons: {
       bg: "transparent",
-      _hover: {bg: "{primaryLt}"},
+      _hover: {bg: "{primaryLt}", color: "{textInverted}"},
       fontSize: "xl",
-      color: {base: "#19332D", _dark: "#CBCBCB"},
+      color: {base: "{text}"},
       variant: "ghost",
       width: "100%",
     },
@@ -95,7 +95,7 @@ const config = defineConfig({
   theme: {
     semanticTokens: {
       colors: {
-        base100: { value: {base: "#f6f9faff", _dark: "#787b73"}},
+        base100: { value: {base: "#f6f9faff", _dark: "lightgrey"}},
         base200: { value: {base: "#e6ecf1ff", _dark: "#242424"}},
         base300: { value: {base: "#d3dae4ff", _dark: "#60645a"}},
         // primary: { value: {base: "#9cd855", _dark: "#629631"}},
@@ -104,11 +104,9 @@ const config = defineConfig({
         primaryLt: { value: {base: "#98cdffff", _dark: "#98cdffff"}},
         secondaryBG: { value: {base: "#EDF1F1", _dark: "#121212"}},
         border: {value: {base: "#000000", _dark: "#CBCBCB"}},
-        text: {value: {base: "#19332D", _dark: "#CBCBCB"}},
-        iconFillPush: { value: {base: "#19332D", _dark: "#CBCBCB"}},
-        iconFillAdmin: { value: {base: "#eef2f6", _dark: "#CBCBCB"}},
-        iconStroke: { value: {base: "#19332D", _dark: "#CBCBCB"}},
-        icon: {value: {base: "#19332D", _dark: "#CBCBCB"}},
+        text: {value: {base: "#000000", _dark: "lightgrey"}},
+        textInverted: {value: "white"},
+        icon: {value: {base: "#000000", _dark: "lightgrey"}},
       },
     },
     tokens: {