CSS Level Customization

Customize the theme without touching the React components

Keycloakify enables you to customize the pages without changing the React component by using CSS, SASS LESS Tailwind or a CSS in JS solution.

If you can make it work, CSS Level Customization is preferable over component level customization since it's much easier to maintain.

If you want to use a component library like MUI, ShadeCN/UI or Antlr, this is not the approach that you should favor you should instead checkout Component Level customization.

Basic example