Shadcn button is still black in dark mode

Unanswered

Hackberry nipple gall parasitoid posted this in #help-forum

Hackberry nipple gall parasitoidOP

2024-09-18T05:09:50.741Z

In light mode the button stays the same and in dark mode it stays same in BG black and text white which is hard for dark mode users to read. I tried to google around but couldn't find any solutions and I tried to add dark:bg-white in default variant and still it didnt work

13 Replies

@Hackberry nipple gall parasitoid In light mode the button stays the same and in dark mode it stays same in BG black and text white which is hard for dark mode users to read. I tried to google around but couldn't find any solutions and I tried to add `dark:bg-white` in default variant and still it didnt work

@ts-ignore

2024-09-18T05:56:49.166Z

what is the variant of the button?

Hackberry nipple gall parasitoidOP

2024-09-18T07:00:43.313Z

Default, I specified nothing

@@ts-ignore what is the `variant` of the button?

Hackberry nipple gall parasitoidOP

2024-09-18T07:03:44.667Z

<div className="w-full flex justify-center">
                <Button type="submit" disabled={isPending} className="w-full py-2">
                    {isPending ? "Submitting" : "Submit"}
                </Button>
            </div>