CSS Level Customization

Customize the theme without touching the React components

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

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 or Customizing using a Keycloakify Theme Plugin.

Basic example