Fix loading state - force subtle token to exist (#8153)

* Fix loading state - force subtle token to exist

* Add opacity
pull/8138/head^2
sean-brydon 2023-04-08 17:50:17 +01:00 committed by GitHub
parent 5b7c55b029
commit d416386d7b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 2 deletions

View File

@ -131,6 +131,7 @@ export default function Login({
"--cal-brand": "#111827",
"--cal-brand-emphasis": "#101010",
"--cal-brand-text": "white",
"--cal-brand-subtle": "#9CA3AF",
} as CSSProperties
}>
<AuthContainer

View File

@ -88,6 +88,7 @@ const OnboardingPage = (props: IOnboardingPageProps) => {
"--cal-brand": "#111827",
"--cal-brand-emphasis": "#101010",
"--cal-brand-text": "white",
"--cal-brand-subtle": "#9CA3AF",
} as CSSProperties
}
key={router.asPath}>

View File

@ -80,6 +80,7 @@ export default function Signup({ prepopulateFormValues }: inferSSRProps<typeof g
"--cal-brand": "#111827",
"--cal-brand-emphasis": "#101010",
"--cal-brand-text": "white",
"--cal-brand-subtle": "#9CA3AF",
} as CSSProperties
}
aria-labelledby="modal-title"

View File

@ -73,12 +73,12 @@ const buttonClasses = cva(
{
disabled: true,
color: "primary",
className: "bg-brand-subtle bg-opacity-30",
className: "bg-brand-subtle text-brand-subtle opacity-40",
},
{
loading: true,
color: "primary",
className: "bg-brand-default bg-opacity-30 text-brand-subtle",
className: "bg-brand-subtle text-brand-subtle",
},
// Secondary variants
{