fix(desktop): dark mode solid button colors

Author: pascalbreuninger

desktop/src/Theme/button.ts

@@ -1,5 +1,6 @@
 import { defineStyleConfig } from "@chakra-ui/react"
 import { mode } from "@chakra-ui/theme-tools"
+import { theme as defaultTheme } from "@chakra-ui/theme"
 
 export const Button = defineStyleConfig({
   defaultProps: {
@@ -46,18 +47,38 @@ export const Button = defineStyleConfig({
       }
     },
     solid(props) {
+      let bgDark = "gray.800"
+      if (props.colorScheme === "primary") {
+        bgDark = ""
+      } else {
+        bgDark = defaultTheme.components.Button.variants?.solid(props).bg ?? ""
+      }
+
+      let bgHoverDark = "gray.700"
+      if (props.colorScheme === "primary") {
+        bgHoverDark = ""
+      } else {
+        bgHoverDark = defaultTheme.components.Button.variants?.solid(props)._hover.bg ?? ""
+      }
+      let bgActiveDark = "gray.700"
+      if (props.colorScheme === "primary") {
+        bgActiveDark = ""
+      } else {
+        bgActiveDark = defaultTheme.components.Button.variants?.solid(props)._active.bg ?? ""
+      }
+
       return {
         _dark: {
-          bg: "gray.800",
+          bg: bgDark,
         },
         _hover: {
           _dark: {
-            bg: props.colorScheme == "primary" ? "" : "gray.700",
+            bg: bgHoverDark,
           },
         },
         _active: {
           _dark: {
-            bg: props.colorScheme == "primary" ? "" : "gray.800",
+            bg: bgActiveDark,
           },
         },
       }

desktop/src/icons/Memory.tsx

@@ -8,8 +8,8 @@ export const Memory = createIcon({
   path: [
     <path
       key="1"
-      fill-rule="evenodd"
-      clip-rule="evenodd"
+      fillRule="evenodd"
+      clipRule="evenodd"
       d="M17.5 2.50012H6.5V21.5001H17.5V2.50012ZM6.5 1.00012C5.67157 1.00012 5 1.67169 5 2.50012V21.5001C5 22.3285 5.67157 23.0001 6.5 23.0001H17.5C18.3284 23.0001 19 22.3285 19 21.5001V2.50012C19 1.67169 18.3284 1.00012 17.5 1.00012H6.5Z"
     />,
     <path key="2" d="M1 5.00012H5V7.00012H1V5.00012Z" />,

desktop/src/views/Pro/Workspace/WorkspaceDetails.tsx

@@ -419,6 +419,7 @@ function KubernetesDetails({ status }: TKubernetesDetailsProps) {
       {resources.map((resource) => {
         return (
           <StackedWorkspaceInfoDetail
+            key={resource.type}
             icon={resource.icon ?? Database}
             label={<Text textTransform={"capitalize"}>{resource.label ?? resource.type}</Text>}
             tooltipLabel={