Tweak primary button styles

src/components/ImageInput.tsx

@@ -66,6 +66,9 @@ export default function ImageInput({
           htmlFor={id}
           className={clsx(
             'shrink-0 select-none text-main',
+            // Undo standard label styles since
+            // content is shown as button
+            'font-normal tracking-normal',
             disabled && 'pointer-events-none cursor-not-allowed',
           )}
         >

src/components/primitives/LoaderButton.tsx

@@ -61,7 +61,6 @@ export default function LoaderButton({
         }
       }}
       className={clsx(
-        'font-mono',
         ...(styleAs !== 'button'
           ? [
             'link h-4 active:text-medium',

tailwind.css

@@ -315,10 +315,9 @@ html {
   }
   button.primary, .button.primary {
     @apply
-      text-invert
+      text-white dark:text-black
       bg-gray-900 dark:bg-gray-100
       disabled:text-dim
-      font-medium
       disabled:bg-gray-100 dark:disabled:bg-gray-900
       disabled:border-gray-200 disabled:dark:border-gray-700
       border-gray-900 dark:border-gray-100