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) {
Your positions
{/* TODO: Add correct text for tooltip */}
-
+
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 (
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",
},
},
},