diff --git a/src/components/buttons/KoFi.tsx b/src/components/buttons/KoFi.tsx index 1e39b87..82b596d 100644 --- a/src/components/buttons/KoFi.tsx +++ b/src/components/buttons/KoFi.tsx @@ -13,7 +13,7 @@ const KoFi = (): JSX.Element => { target="_blank" rel="noopener" > - diff --git a/src/components/buttons/Twitter.tsx b/src/components/buttons/Twitter.tsx index 32d5800..c8704ab 100644 --- a/src/components/buttons/Twitter.tsx +++ b/src/components/buttons/Twitter.tsx @@ -9,7 +9,7 @@ const Twitter = (): JSX.Element => { return ( diff --git a/src/theme/AppTheme.ts b/src/theme/AppTheme.ts index e1b10c6..2d2321f 100644 --- a/src/theme/AppTheme.ts +++ b/src/theme/AppTheme.ts @@ -29,7 +29,7 @@ const AppTheme = extendTheme({ footer: "#0097a7", footerText: "black", content: "#2d3748", - patreon: "#FF424D", + kofi: "#FF5E5B", twitter: "#1da1f2" }, loading: { diff --git a/src/theme/components/buttonStyles.ts b/src/theme/components/buttonStyles.ts index 5af49d0..4538ba5 100644 --- a/src/theme/components/buttonStyles.ts +++ b/src/theme/components/buttonStyles.ts @@ -147,16 +147,13 @@ const buttonStyles = { border: "1px solid #0068ff" } }), - patreon: (props: Dict) => ({ - bg: "brand.patreon", + kofi: (props: Dict) => ({ + bg: "brand.kofi", fontSize: "lg", p: 3, color: "whiteAlpha", _hover: { - bg: mode( - whiten("brand.patreon", 20), - darken("brand.patreon", 20) - )(props) + bg: mode(whiten("brand.kofi", 20), darken("brand.kofi", 20))(props) } }), twitter: (props: Dict) => ({