Auth0 Home Blog Docs

Custom social connection icon

custom-social-connec
#1

Is there any way to customize “custom social connectins” icon in Lock screen?
I has been created a new custom connection, which is works fine. But on lock screen I see generic Auth0 icon for this connection…

#2

Try the theme.authButtons option, like this:

var options = {
  [...] // other Lock options
  theme: {
    authButtons: {
      "connectionName": {
        displayName: "Click me!",
        primaryColor: "#eb5424",
        foregroundColor: "#FFFFFF",
        icon: "https://.../logo.png"
      }
    }
  }
};

More info: https://github.com/auth0/lock#theming-options and https://auth0.com/docs/libraries/lock/v11/ui-customization#authbuttons-object-

1 Like