Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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

Issue Analytics

State:
Created 4 years ago
Reactions:39
Comments:9 (2 by maintainers)

Top GitHub Comments

9reactions

Luke-Markhamcommented, Nov 25, 2019

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

3reactions

ChromeQcommented, Oct 16, 2021

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

Top Results From Across the Web

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

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

How to customize theme of FirebaseUI- Web - Stack Overflow

I tried the pig old school way overwriting "node_modules/firebaseui/dist/firebaseui.css" on a custom css file. Share.

[Solved]-How to customize theme of FirebaseUI- Web-Vue.js

I tried the pig old school way overwriting "node_modules/firebaseui/dist/firebaseui.css" on a custom css file. andreu 66. Source: stackoverflow.

Easily add sign-in to your Web app with FirebaseUI - Google

In the Firebase console, open the Authentication section. · In the same section, enable Email link (passwordless sign-in) sign-in method and click Save....

FirebaseUI for Auth - Firebase Open Source

As of version 8.0.0 FirebaseUI uses Material Design Components and themes. To use FirebaseUI seamlessly in your app you should provide a theme...