如何自定义FirebaseUI-Web的主题

Question

如何自定义FirebaseUI-Web的主题

javascripttypescriptfirebasevue.jsfirebaseui

5

我只想自定义标志和颜色。有人知道解决方案吗？我只看到了针对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)
      }
    }
  }

- FabioMelo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，

- andreu · Accepted Answer

我在Google上问了同样的问题，但没有找到任何有用的答案。看起来没有人对实现这个功能产生兴趣：

https://github.com/firebase/firebaseui-web/issues/586

我尝试了老式的方法——通过将“node_modules/firebaseui/dist/firebaseui.css”覆盖在自定义CSS文件中。