From 94a544adc81c88130c22e074c826617cb508a405 Mon Sep 17 00:00:00 2001
From: Karolina Kosiorowska <karolina.kosiorowska@thesis.co>
Date: Fri, 8 Dec 2023 12:21:52 +0100
Subject: [PATCH] Fix bug with incorrect colours

---
 dapp/src/components/Overview/PositionDetails.tsx | 2 +-
 dapp/src/components/Overview/index.tsx           | 3 ++-
 dapp/src/theme/Button.ts                         | 2 +-
 dapp/src/theme/Switch.ts                         | 4 ++--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/dapp/src/components/Overview/PositionDetails.tsx b/dapp/src/components/Overview/PositionDetails.tsx
index e07b4a1c1..e4ebc90f0 100644
--- 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
index d5fde912e..e60bab881 100644
--- 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
index 0273e2162..cb59ad1b8 100644
--- 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
index 1529dda02..52ca179b0 100644
--- 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",
         },
       },
     },