feat: add dark mode

2025-12-23 15:09:33 +01:00 · 2019-12-11 00:07:32 +05:00
parent e9c3067acb
commit 3802acb377
11 changed files with 118 additions and 75 deletions
--- a/apps/web/src/components/menu/index.js
+++ b/apps/web/src/components/menu/index.js
@@ -4,11 +4,7 @@ import { SHADOW } from "../../theme";

 function Menu(props) {
  return (
-    <Flex
-      bg="primary"
-      py={1}
-      sx={{ borderRadius: "default", boxShadow: SHADOW }}
-    >
+    <Flex bg="background" py={1} sx={{ borderRadius: "default", boxShadow: 2 }}>
      <Box>
        {props.menuItems.map(item => (
          <Flex
@@ -29,7 +25,7 @@ function Menu(props) {
            sx={{
              color: item.color || "fontPrimary",
              ":hover": {
-                backgroundColor: "accent",
+                backgroundColor: "primary",
                color: "fontSecondary"
              }
            }}