fix: bg color when hovered in dark mode

2026-07-12 19:12:24 +02:00
parent 262c2b665d
commit b5a4f39c6f
1 changed files with 8 additions and 5 deletions
@@ -67,7 +67,14 @@ export const Sidebar = () => {
        <Button
          variant="soft"
          size="sm"
-          className="transition-transform duration-200 ease-out"
+          sx={{
+            display: "inline-flex",
+            "@media (min-width: 1024px)": { display: "none" },
+            "&:hover": {
+              backgroundColor: "var(--joy-palette-primary-900)",
+              color: "var(--joy-palette-primary-50)",
+            },
+          }}
          onClick={() => setIsOpen((open) => !open)}
          startDecorator={
            <span
@@ -78,10 +85,6 @@ export const Sidebar = () => {
              {isOpen ? <CloseIcon /> : <MenuIcon />}
            </span>
          }
-          sx={{
-            display: "inline-flex",
-            "@media (min-width: 1024px)": { display: "none" },
-          }}
        >
          {isOpen ? t("close") : t("menu")}
        </Button>