biss
ec277d4e3f
暗色使用深海蓝灰，并保持足够的层级和对比度。 class 主题同样支持亮暗模式。 Account/Admin 页头增加模式切换按钮，选择会持久保存。 仍遵守 Keycloak 的 darkMode=false 配置，关闭时只允许亮色。 Account 统一为“页面上下文 → 身份业务区 → 操作区”结构。 Admin 统一为“领域上下文 → 业务内容 → 固定操作区”结构。 表格、表单、详情、向导、弹窗、空状态、安全设备及应用授权组件全部纳入统一设计系统。 移动端自动收起侧栏、双栏变单栏，并调整固定操作区。
ec277d4e3f
·
2026-08-04 17:08:35 +08:00
692 Commits
🚀 Keycloakify v11 starter 🚀
Quick start
git clone https://github.com/keycloakify/keycloakify-starter
cd keycloakify-starter
yarn install # Or use an other package manager, just be sure to delete the yarn.lock if you use another package manager.
Testing the theme locally
How to customize the theme
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 openjdkandchoco install maven(Or download from here)
npm run build-keycloak-theme
Note that by default Keycloakify generates multiple .jar files for different versions of Keycloak.
You can customize this behavior, see documentation here.
Initializing the account theme
npx keycloakify initialize-account-theme
Initializing the email theme
npx keycloakify initialize-email-theme
GitHub Actions
The starter comes with a generic GitHub Actions workflow that builds the theme and publishes
the jars as GitHub releases artifacts.
To release a new version just update the package.json version and push.
To enable the workflow go to your fork of this repository on GitHub then navigate to:
Settings > Actions > Workflow permissions, select Read and write permissions.