Colormatic Keycloak Theme

This project was built from the Keycloakify Svelte Starter

Some things that need to be done:

• Unify the architecture of all the forms
• Fix the random spacing around the place
• Build a proper unified design language
• Customize the colors to thematically align with Colormatic
• Integrate proper components (like Shadcn/Svelte)
• User feedback

Testing the theme locally

Documentation

Building the theme

You need to have Maven installed to build the theme (Maven >= 3.1.1, Java >= 7).
The mvn command must be in the $PATH.

• On macOS: brew install maven
• On Debian/Ubuntu: sudo apt-get install maven
• On Windows: choco install openjdk and choco install maven (Or download from here)

yarn run build-keycloak-theme

Note that by default Keycloakify generates multiple .jar files for different versions of Keycloak.

Account theme (React) build

This repo now includes a React-based account console under src/account that is built separately from the Svelte login theme.

Dev

bun run dev
bun run dev:account

dev serves the login theme (Svelte). dev:account serves the account console (React).

Build

bun run build:login
bun run build:account
bun run build:themes
bun run build-keycloak-theme

build:themes builds both themes and merges the manifests so build-keycloak-theme produces a single jar with both login and account assets.

Checks

bun run check

Runs Svelte checks, TypeScript checks (TS/TSX/JS, excluding .svelte), and a Tailwind compile pass.