https://github.com/colormaticstudios/colormatic-keycloak-theme
Keycloak/Keycloakify theme for Colormatic ID (Mirror of https://git.colormatic.org/ColormaticStudios/Colormatic-Keycloak-Theme)
https://github.com/colormaticstudios/colormatic-keycloak-theme
keycloak-theme keycloakify
Last synced: about 1 month ago
JSON representation
Keycloak/Keycloakify theme for Colormatic ID (Mirror of https://git.colormatic.org/ColormaticStudios/Colormatic-Keycloak-Theme)
- Host: GitHub
- URL: https://github.com/colormaticstudios/colormatic-keycloak-theme
- Owner: ColormaticStudios
- Created: 2025-10-13T23:53:02.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2026-04-05T02:21:39.000Z (4 months ago)
- Last Synced: 2026-04-05T04:21:18.426Z (4 months ago)
- Topics: keycloak-theme, keycloakify
- Language: TypeScript
- Homepage: https://auth.colormatic.org/
- Size: 698 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Colormatic Keycloak Theme
This project was built from the [Keycloakify Svelte Starter](https://github.com/keycloakify/keycloakify-starter-svelte)
Some things that need to be done:
- [x] Unify the architecture of all the forms
- [x] Fix the random spacing around the place
- [ ] Build a proper unified design language
- [ ] Customize the colors to thematically align with Colormatic
- [x] Integrate proper components (like [Shadcn/Svelte](https://www.shadcn-svelte.com/))
- [ ] User feedback
# Testing the theme locally
[Documentation](https://docs.keycloakify.dev/testing-your-theme)
# Building the theme
You need to have [Maven](https://maven.apache.org/) 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](https://maven.apache.org/download.cgi))
```bash
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
```bash
bun run dev
bun run dev:account
```
`dev` serves the login theme (Svelte). `dev:account` serves the account console (React).
## Build
```bash
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
```bash
bun run check
```
Runs Svelte checks, TypeScript checks (TS/TSX/JS, excluding `.svelte`), and a Tailwind compile pass.