From 6b0451fb4ef7edc2aa894c5e70f6cf9a866ae37f Mon Sep 17 00:00:00 2001
From: sean-brydon <55134778+sean-brydon@users.noreply.github.com>
Date: Sat, 11 Mar 2023 13:24:24 +0800
Subject: [PATCH] Darkmode buttons and labels

---
 apps/web/styles/globals.css                  | 2 +-
 packages/ui/components/button/Button.tsx     | 6 +++---
 packages/ui/components/form/inputs/Label.tsx | 5 +----
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index f01eef627a..c53a5afe29 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -72,7 +72,7 @@
     --cal-text: #d6d6d6;
     --cal-text-subtle: #767676;
     --cal-text-muted: #575757;
-    --cal-text-inverted: white;
+    --cal-text-inverted: #111111;
 
     /* Content/Text -> components */
     --cal-text-info: #253985;
diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index f899879245..3791540ac0 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -45,9 +45,9 @@ const buttonClasses = cva(
         fab: "rounded-full justify-center md:rounded-md radix-state-open:rotate-45 md:radix-state-open:rotate-0 transition-transform radix-state-open:shadown-none radix-state-open:ring-0 !shadow-none",
       },
       color: {
-        primary: "text-inverted dark:text-emphasis",
-        secondary: "text-emphasis dark:text-darkgray-900",
-        minimal: "text-emphasis dark:text-darkgray-900",
+        primary: "text-inverted",
+        secondary: "text-emphasis",
+        minimal: "text-emphasis",
         destructive: "",
       },
       size: {
diff --git a/packages/ui/components/form/inputs/Label.tsx b/packages/ui/components/form/inputs/Label.tsx
index 04ba628f2e..e63249ca65 100644
--- a/packages/ui/components/form/inputs/Label.tsx
+++ b/packages/ui/components/form/inputs/Label.tsx
@@ -4,10 +4,7 @@ export function Label(props: JSX.IntrinsicElements["label"]) {
   return (
     <label
       {...props}
-      className={classNames(
-        "text-default dark:text-inverted mb-2 block text-sm font-medium leading-none",
-        props.className
-      )}>
+      className={classNames("text-default mb-2 block text-sm font-medium leading-none", props.className)}>
       {props.children}
     </label>
   );