Keycloak: 以 Quick Theme 視覺化設計主題

本文件是自訂外觀指南的一部分。請在此處查看完整指南:輕鬆在 Stackhero 上為您的 Keycloak 登入頁面、帳戶主控台及電子郵件進行品牌化:設定您的顏色、Logo、文字,甚至可透過內建線上編輯器建立完整的自訂主題。

👋 歡迎來到 Stackhero 文件中心!

Stackhero 提供 Keycloak cloud 服務,讓您只需 2 分鐘即可輕鬆部署可用於生產環境的身分識別服務:

  • 無限制的使用者、realm 及 client 數量
  • 支援 OpenID ConnectOAuth 2.0SAML 2.0、社群登入、LDAP 及 Active Directory 聯邦整合
  • 自訂網域名稱,內建 HTTPS,確保安全存取(例如 https://login.your-company.com
  • 自訂主題:透過內建線上編輯器,輕鬆自訂登入頁面、帳號主控台及電子郵件的品牌風格
  • 專屬 Email 伺服器,支援 SPF、DKIM 及 DMARC,協助您自動處理帳號確認與密碼重設
  • 內建 PostgreSQL 資料庫,管理主控台可於獨立且可關閉的連接埠上存取
  • 一鍵更新,讓您的系統隨時保持最新,無需手動操作

專注於開發,而非設定:您可以在 5 分鐘內體驗 Stackhero 的 Keycloak cloud 解決方案

在 Keycloak 管理主控台內,您可找到 Quick Theme,這是 Keycloak 的視覺化主題設計器。可上傳 Logo、選擇顏色、預覽登入與帳戶主控台,並將完成的主題下載為 .jar 檔。

安裝方式:將檔案放入 themes/ 目錄(透過編輯器),然後重啟服務。.jar 會自動解壓至主題目錄,原始壓縮檔會被移除:

themes/acme.jar        becomes     themes/acme/

新主題將出現在 Realm settings > Themes。您可繼續手動編輯其檔案。

此方式同樣支援以 Keycloakify 製作或設計師提供的主題。任何包含主題的 .jar.zip 檔案皆可如此安裝。若已有同名主題,則新主題會以 acme-1 安裝,確保不會覆蓋既有內容。若檔案非主題,則會被忽略,Keycloak 仍正常啟動。