Fix bug with incorrect colours

thesis · Dec 8, 2023 · 94a544a · 94a544a
1 parent 6d51389
commit 94a544a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/dapp/src/components/Overview/PositionDetails.tsx b/dapp/src/components/Overview/PositionDetails.tsx
@@ -22,7 +22,7 @@ export default function PositionDetails(props: CardProps) {
           <Text>Your positions</Text>
           {/* TODO: Add correct text for tooltip */}
           <Tooltip label="Template">
-            <Icon as={Info} color={useColorModeValue("black", "grey.80")} />
+            <Icon as={Info} color={useColorModeValue("grey.700", "grey.700")} />
           </Tooltip>
         </HStack>
         <Text>

diff --git a/dapp/src/components/Overview/index.tsx b/dapp/src/components/Overview/index.tsx
@@ -14,7 +14,8 @@ import { USD } from "../../constants"
 import { ChevronRight } from "../../static/icons"
 
 export default function Overview() {
-  const bg = useColorModeValue("white", "grey.400")
+  // TODO: Create a custom theme for card component
+  const bg = useColorModeValue("gold.100", "gold.100")
   return (
     <Flex direction="column" gap={2} p={6}>
       <Flex justifyContent="space-between">

diff --git a/dapp/src/theme/Button.ts b/dapp/src/theme/Button.ts
@@ -18,7 +18,7 @@ const Button: ComponentSingleStyleConfig = {
       borderColor: mode("grey.700", "grey.700")(props),
     }),
     link: (props: StyleFunctionProps) => ({
-      color: mode("black", "grey.50")(props),
+      color: mode("grey.700", "grey.700")(props),
       textDecoration: "underline",
     }),
   },

diff --git a/dapp/src/theme/Switch.ts b/dapp/src/theme/Switch.ts
@@ -5,10 +5,10 @@ const Switch: ComponentSingleStyleConfig = {
     track: {
       _checked: {
         _dark: {
-          bg: "purple",
+          bg: "grey.700",
         },
         _light: {
-          bg: "grey.200",
+          bg: "grey.700",
         },
       },
     },