diff --git a/src/components/ImageInput.tsx b/src/components/ImageInput.tsx index bd32f181..e771edbc 100644 --- a/src/components/ImageInput.tsx +++ b/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', )} > diff --git a/src/components/primitives/LoaderButton.tsx b/src/components/primitives/LoaderButton.tsx index d588f765..43ea39f8 100644 --- a/src/components/primitives/LoaderButton.tsx +++ b/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', diff --git a/tailwind.css b/tailwind.css index a45cb6d8..ce29c2d6 100644 --- a/tailwind.css +++ b/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