quick fix

changed theme.js to use chakras new way to create a theme in v3+
This commit is contained in:
2025-07-10 09:58:23 -07:00
parent f293e14ed1
commit 5fd48bc958
3 changed files with 26 additions and 21 deletions
+2 -1
View File
@@ -74,7 +74,7 @@ export default function Sidebar () {
gap={4} paddingTop={4}
paddingLeft={14} paddingRight={3}
>
<CloseButton color="#19332D" _hover={{bg: "#EDF1F1"}} size="sm" variant="ghost" left="-10" onClick={() => setIsOpen(!isOpen)}></CloseButton>
<CloseButton color="secondary" _hover={{bg: "#EDF1F1"}} size="sm" variant="ghost" left="-10" onClick={() => setIsOpen(!isOpen)}></CloseButton>
<Button color="#19332D" _hover={activeButton === "Dashboard" ? {bg: "#A4B6B6"}:{bg:"#EDF1F1"}} fontSize="xl" variant="ghost" onClick={() => setActiveButton("Dashboard")} bg={activeButton === "Dashboard" ? "#A4B6B6" : "transparent"}>
<PushPin fill="white" /> Dashboard
</Button>
@@ -124,6 +124,7 @@ export default function Sidebar () {
</IconButton>
</Box>
)}
</>
);
}