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", }, }, },