Fixed hover on patreon button.

2021-12-22 12:05:19 -06:00
parent ad37e4a8b2
commit 87b980e67e
3 changed files with 14 additions and 2 deletions
--- a/theme/components/buttonStyles.ts
+++ b/theme/components/buttonStyles.ts
@@ -157,6 +157,18 @@ const buttonStyles = {
        border: "1px solid #0068ff",
      },
    }),
+    patreon: (props: Dict<never> | StyleFunctionProps) => ({
+      bg: "brand.patreon",
+      fontSize: "lg",
+      p: 3,
+      color: "whiteAlpha",
+      _hover: {
+        bg: mode(
+          whiten("brand.patreon", 20),
+          darken("brand.patreon", 20)
+        )(props),
+      },
+    }),
  },
  // default values for `size` and `variant`
  defaultProps: {},