Darkmode buttons and labels

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;

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: {

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>
   );