src/components/buttons/KoFi.tsx

@@ -13,7 +13,7 @@ const KoFi = (): JSX.Element => {
         target="_blank"
         rel="noopener"
       >
-        <Button variant="patreon" leftIcon={<Icon icon="cib:ko-fi" />}>
+        <Button variant="kofi" leftIcon={<Icon icon="cib:ko-fi" />}>
           {"Fund The App"}
         </Button>
       </Link>

src/components/buttons/Twitter.tsx

@@ -9,7 +9,7 @@ const Twitter = (): JSX.Element => {
   return (
     <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
       <Link
-        href="https://www.patreon.com/bePatron?u=15380906"
+        href="https://twitter.com/LCMDevelopment"
         target="_blank"
         rel="noopener"
       >

src/theme/AppTheme.ts

@@ -29,7 +29,7 @@ const AppTheme = extendTheme({
       footer: "#0097a7",
       footerText: "black",
       content: "#2d3748",
-      patreon: "#FF424D",
+      kofi: "#FF5E5B",
       twitter: "#1da1f2"
     },
     loading: {

src/theme/components/buttonStyles.ts

@@ -147,16 +147,13 @@ const buttonStyles = {
         border: "1px solid #0068ff"
       }
     }),
-    patreon: (props: Dict<never>) => ({
+    kofi: (props: Dict<never>) => ({
-      bg: "brand.patreon",
+      bg: "brand.kofi",
       fontSize: "lg",
       p: 3,
       color: "whiteAlpha",
       _hover: {
-        bg: mode(
+        bg: mode(whiten("brand.kofi", 20), darken("brand.kofi", 20))(props)
-          whiten("brand.patreon", 20),
-          darken("brand.patreon", 20)
-        )(props)
       }
     }),
     twitter: (props: Dict<never>) => ({