From 53812071d6a0089b7c2d8e25d58339e526403239 Mon Sep 17 00:00:00 2001 From: Lucid Kobold <72232219+LucidKobold@users.noreply.github.com> Date: Sun, 18 Sep 2022 15:38:10 -0400 Subject: [PATCH] Upate theme colors and references for kofi. --- src/components/buttons/KoFi.tsx | 2 +- src/components/buttons/Twitter.tsx | 2 +- src/theme/AppTheme.ts | 2 +- src/theme/components/buttonStyles.ts | 9 +++------ 4 files changed, 6 insertions(+), 9 deletions(-) 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) => ({