fix: make 'Send reset email' button text visible on hover (#21334) (#21335)

* fix: ensure button text remains visible on hover in forgot password page

Before: Button text turned black on hover, blending with the dark background.
After: Added 'enabled:hover:text-white' to maintain readability.

* Re-update forgot-password-view.tsx

* Update globals.css brand-text

* Update globals.css --cal-brand-text: white

* Reverted globals.css update

* Update forgot-password-view.tsx , change brand-text color

change "--cal-brand-text": 
white to Black
This commit is contained in:
NISHANT SINGH authored and GitHub committed 2025-05-17 09:48:21 +00:00
1 parent 6a85d0e10b
commit d574840c3f
1 file changed
+2 -2
@@ -112,7 +112,7 @@ export default function ForgotPassword(props: PageProps) {
{
"--cal-brand": "#111827",
"--cal-brand-emphasis": "#101010",
"--cal-brand-text": "white",
"--cal-brand-text": "Black",
"--cal-brand-subtle": "#9CA3AF",
} as CSSProperties
}>
@@ -127,7 +127,7 @@ export default function ForgotPassword(props: PageProps) {
/>
<div className="space-y-2">
<Button
className="w-full justify-center dark:bg-white dark:text-black"
className="w-full justify-center bg-white hover:bg-black hover:text-white"
type="submit"
color="primary"
disabled={loading}