Use variables for colors

thesis · Dec 11, 2023 · 8cbb73b · 8cbb73b
1 parent 9f2e4c1
commit 8cbb73b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 10 deletions.
diff --git a/dapp/src/components/ModalOverlay/index.tsx b/dapp/src/components/ModalOverlay/index.tsx
@@ -28,8 +28,7 @@ export default function ModalOverlay() {
       w="100vw"
       h="100vh"
       position="fixed"
-      // TODO: Use the correct variables
-      bg="#F3E5C1"
+      bg="gold.300"
       opacity={modalType ? 1 : 0}
       zIndex="overlay"
       // Hide the element when it is no longer needed.

diff --git a/dapp/src/theme/Drawer.ts b/dapp/src/theme/Drawer.ts
@@ -6,17 +6,15 @@ const Drawer: ComponentSingleStyleConfig = {
       zIndex: "drawer",
     },
     overlay: {
-      // TODO: Use the correct variables
-      bg: "#F3E5C1",
+      bg: "gold.300",
     },
     dialog: {
       borderTop: "2px",
       borderLeft: "2px",
       boxShadow: "none",
       borderColor: "white",
       borderTopLeftRadius: "xl",
-      // TODO: Use the correct variables
-      bg: "#F8EFDA",
+      bg: "gold.200",
     },
   },
 }

diff --git a/dapp/src/theme/Modal.ts b/dapp/src/theme/Modal.ts
@@ -8,15 +8,13 @@ const Modal: ComponentSingleStyleConfig = {
       boxShadow: "none",
       borderColor: "white",
       borderRadius: "xl",
-      // TODO: Use the correct variables
-      bg: "#FBF7EC",
+      bg: "gold.100",
     },
     closeButton: {
       top: -10,
       right: -10,
       rounded: "100%",
-      // TODO: Use the correct variables
-      bg: "#FBF7EC",
+      bg: "gold.100",
     },
   },
 }