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

[rene-dohan]

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.