Discover how you can customize your UI components styles to align with your preferences and needs.
darkMode
parameter in the CorbadoProvider
.darkMode
to on|off|auto
. If set to auto
the darkMode setting will be derived from the browser.
CorbadoProvider
theme
setting (see your framework’s integration guide for more details).
If no setting is passed, the default theme is used.
Currently, the only alternative theme is emerald-funk
.
CorbadoProvider
component to use the theme:
.cb-dark
class from the Corbado package is loaded by the browser. It can be fixed by increasing the specificity of the custom class like with .cb-dark.your-custom-theme
web-js
package when using <script />
tagwindows.atob
function which decodes a string of Base64-encoded data into bytes. This is used to convert Base64 SVG images to HTML SVG elements and then apply custom styling to them.
In case of using web-js
package with inline <script />
tag this is not allowed by the browsers and thus customised colors cannot be applied to SVGs for now in these types of applications.