Easy way to style or change theme for firebaseui-web ?

[renetik]

I incorporated email login to my app and I tried to style it, but it seems quite complicated to change whole theme of all dialogs.

I would like to have option to define colors like foreground background similar to material theme color definition in material components library, that is from google too.

I tried to look for styles in chrome by looking fro component and I changed some button colors like this

 .mdl-button--raised.mdl-button--colored
    background var(--secondary-color)

  .mdl-button--raised.mdl-button--colored:hover
    background var(--accent-color)

  .mdl-button--raised.mdl-button--colored:active
    background var(--secondary-color)

Thanks

[Luke-Markham]

I concur, it says it's easy to customise , but is it really ?

[cryptoAlgorithm]

I second this. I am working on a project that requires both light and dark themes, and I'm using MDC-Web. Unfortunately, just found out all the colors are hard-coded. Guess time to un-hardcode them myself? Is there an official way for changing the background and text colors?

[yuchenshi]

I've filed this internally as a feature request (b/176911065).

[dinvlad]

Could you share a link to that ticket (if it's public)? Thanks

[yuchenshi]

The ticket is for internal tracking only and does not have a public link. We will however post here if we have any updates, so feel free to subscribe to this thread.

[landsman]

Yes please, styles via object configuration would be wonderful!

[ChromeQ]

Over two year old issue, will this ever be done? It seems like a basic requirement and should be customisable

[mcskinner]

I guess Google must have unofficially "deprecated" this library and others like it. The React version of this component never got the upgrade to Firebase 9.

I learned the Flutter libraries first, and those are rock solid. That must be where the support is going now.

[landsman]

Let's flag repository as archived then and save a lot of time for everyone pls.