refactoring theme.js by breaking up the root slot into further header, body slots to better compartmentalize css in components

2026-09-15 10:59:20 -07:00
parent 18c1df93d1
commit 4523f8035f
3 changed files with 39 additions and 62 deletions
@@ -45,17 +45,12 @@ export default function Sidebar() {

      {/* Collapse Sidebar and Theme Footer Buttons */}
      <Flex css={styles.footer}>
-        {/*<Flex css={styles.closed_theme_button}>*/}
-        {/*  <ColorModeButton />*/}
-        {/*</Flex>*/}
-        {/*<Flex>*/}
-          <IconButton aria-label="Toggle Sidebar" variant="plain" onClick={toggleSidebar} css={styles.collapse_button}>
-            {isOpen ? <PanelLeftClose /> : <PanelLeftOpen />}
-          </IconButton>
-          <Flex css={styles.color_mode_button}>
-            <ColorModeButton />
-          </Flex>
-        {/*</Flex>*/}
+        <IconButton aria-label="Toggle Sidebar" variant="plain" onClick={toggleSidebar} css={styles.collapse_button}>
+          {isOpen ? <PanelLeftClose /> : <PanelLeftOpen />}
+        </IconButton>
+        <Flex css={styles.color_mode_button}>
+          <ColorModeButton />
+        </Flex>
      </Flex>
    </Box>
  );