What is a Keycloak theme?

A Keycloak theme is a collection of templates, stylesheets, and images used to customize the appearance of the login, account management, and admin consoles.

How does this skill support multi-tenancy?

It provides configurations and structures that allow you to assign unique themes to different Keycloak realms, enabling distinct branding for every tenant.

Can I use modern CSS with Keycloak FTL templates?

Yes, this skill demonstrates how to use CSS variables and custom properties within FreeMarker templates to create responsive and modern UI designs.

What files are required for a custom Keycloak theme?

A typical theme includes theme.properties, FreeMarker templates (.ftl), CSS files, and static resources like logos and icons organized in a specific directory structure.

Keycloak Multi-Tenant Theming

Name: Keycloak Multi-Tenant Theming
Author: Lobbi-Docs

byLobbi-Docs

0•

디자인 도구

Implements custom, realm-specific authentication themes for Keycloak using standardized templates and design systems.

This skill provides comprehensive guidance for creating and managing professional, branded authentication interfaces in Keycloak for multi-tenant applications. It streamlines the development of custom themes by providing structured directory layouts, FreeMarker (FTL) templates, and realm-specific CSS variables. Ideal for SaaS platforms and enterprise environments, it ensures that each tenant or client realm can maintain a unique visual identity while adhering to modern design system standards and security best practices like SSO and PKCE.

주요 기능

01Custom FreeMarker (FTL) templates for login and account pages

02Standardized theme directory structures for Keycloak environments

03Design system integration via realm-specific CSS variables

04Multi-realm configuration patterns for distinct tenant branding

05Support for custom logos, icons, and responsive UI layouts

060 GitHub stars

사용 사례

01Implementing custom registration and password reset interfaces in Keycloak

02White-labeling SaaS authentication portals for different enterprise clients

03Creating consistent corporate design systems for internal SSO login flows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lobbi-docs/claude keycloak-theming

For use in Claude.ai and ChatGPT

Download Skill