Auth UI Theme Supa color “brand” does not work in production.

[gclcodeguy]

Bug report

[MildTomato]

Got any more details on this?

[gclcodeguy]

Also, I think there is a bug with the Auth UI whereby the sign in / sign up button does not show the background color intended by the brand – so you can get a white bg and white text meaning you can’t see the text. It works in local host but does NOT WORK IN PRODUCTION on edge, chrome or safari deployed with netlify.

This occurs with the ThemeSupa

I worked around by changing brandButtonText to black but it does seem to be a bug. Workaround below:

<Auth
supabaseClient={supabase}
view="sign_up"
appearance={{
theme: ThemeSupa,
variables: {
default: {
colors: {
brand: "hsl(153 60.0% 53.0%)", //this does not display in the button background
brandAccent: "hsl(154 54.8% 45.1%)",
brandButtonText: "black",
defaultButtonBackground: "hsl(153 60.0% 53.0%)",
defaultButtonBackgroundHover: "#eaeaea",
defaultButtonBorder: "lightgray",
defaultButtonText: "black",
dividerBackground: "#eaeaea",
inputBackground: "transparent",
inputBorder: "lightgray",
inputBorderHover: "gray",
inputBorderFocus: "gray",
inputText: "black",
inputLabelText: "gray",
inputPlaceholder: "darkgray",
messageText: "gray",
messageTextDanger: "red",
anchorTextColor: "gray",
anchorTextHoverColor: "darkgray",
},
},
},
}}
theme="auto"
providers={[]}
/>

[gclcodeguy]

You can see my workaround with the white bg sign in button at:
https://golflists.com/register/