Created calender examples that use the current week.

2022-06-22 13:03:10 -05:00
parent 1d8144cbc4
commit dbd2140b5e
5 changed files with 259 additions and 14 deletions
--- a/src/theme/components/buttonStyles.ts
+++ b/src/theme/components/buttonStyles.ts
@@ -15,7 +15,7 @@ const buttonStyles = {
  // styles for different visual variants ("outline", "solid")
  variants: {
    primary: (props: Dict<never> | StyleFunctionProps) => ({
-      bg: "rgba(255, 255, 255, .15)",
+      bg: "brand.primary",
      fontSize: "xl",
      p: "2",
      _hover: {
@@ -26,13 +26,13 @@ const buttonStyles = {
      }
    }),
    secondary: (props: Dict<never> | StyleFunctionProps) => ({
-      bg: "brand.primary",
+      bg: "transparent",
      fontSize: "xl",
      p: "2",
      _hover: {
        bg: mode(
-          whiten("brand.primary", 20),
-          darken("brand.primary", 20)
+          whiten("brand.secondary", 20),
+          darken("brand.secondary", 20)
        )(props)
      }
    }),