如何自定义 FirebaseUI-Web 的主题

Posted 2023-02-22

【中文标题】如何自定义 FirebaseUI-Web 的主题

【英文标题】：How to customize theme of FirebaseUI- Web

【发布时间】：2020-11-17 06:06:32

【问题描述】：

我只想自定义徽标和颜色。有谁知道解决方案？我只看到了 android 的解决方案。代码下方。

 if (process.browser) 
      const firebaseui = require('firebaseui')

      console.log(firebaseui)

      const ui =
        firebaseui.auth.AuthUI.getInstance() || new firebaseui.auth.AuthUI(auth)

      const config = 
        credentialHelper: firebaseui.auth.CredentialHelper.NONE,
        signInOptions: [
          authProviders.Google,
          authProviders.Email,
          authProviders.Facebook
        ],
        signInFlow: 'popup',
        tosUrl: '/tos',
        privacyPolicyUrl: '/privacy-policy',
        callbacks: 
          signInSuccessWithAuthResult: this.signInResult
        
      
      ui.disableAutoSignIn()

      if (this.$store.state.userNfc) 
        this.openAppPage()
       else 
        ui.start('#firebaseui-auth-container', config)
      
    
  

【参考方案1】：

我在谷歌上问了同样的问题，但我什么也没找到。似乎没有兴趣以适当的方式使其成为可能： https://github.com/firebase/firebaseui-web/issues/586

我尝试了 pig 在自定义 css 文件上覆盖“node_modules/firebaseui/dist/firebaseui.css”的老式方法。

【讨论】：

我也是这样解决的，没有这个自定义这个库是无法避免的