body {
--pf-global--FontFamily--sans-serif: Comic Sans MS;
--pf-global--FontFamily--heading--sans-serif: Comic Sans MS;
--pf-global--BackgroundColor--dark-100: #2B9AF3;
--pf-global--Color--100: #004080;
}
2020 年 9 月 4 日,作者:Stan Silvert
Keycloak 團隊很高興我們的全新帳戶控制台終於正式推出!舊的帳戶控制台仍然可供需要的使用者使用,但從現在開始,新版本將是預設版本。
這個新的控制台是使用 React 和 PatternFly 4 編寫的單頁應用程式。
除了現代化的外觀和風格外,我們還讓組織可以非常輕鬆地使用自訂主題甚至具有無限功能的自訂頁面來個性化控制台。
PatternFly 4 透過其 CSS 變數系統,可以非常輕鬆地為新的帳戶控制台設定主題。您只需調整幾個變數,新增您自己的標誌,控制台就完美地換上新皮膚。
body {
--pf-global--FontFamily--sans-serif: Comic Sans MS;
--pf-global--FontFamily--heading--sans-serif: Comic Sans MS;
--pf-global--BackgroundColor--dark-100: #2B9AF3;
--pf-global--Color--100: #004080;
}
您可能已經注意到上面的「Keycloak Man」部分。新控制台包含我們最常被要求的功能之一。那就是新增和移除子頁面的能力。因此,我們讓開發和插入您自己的 React 元件並將其新增到帳戶控制台變得非常容易。
甚至可以僅使用編輯器來建構新的頁面。除非您想使用更進階的工具(如 JSX 和 Typescript),否則不需要建置步驟。
當然,這個「Keycloak Man」主題在網路上以 Keycloak 快速入門的形式提供,因此您可以查看所有原始碼。
新帳戶控制台是用戶配置新 Keycloak 功能(例如 WebAuthn 支援)的所在地。因此,請注意新功能將開始在新帳戶控制台中顯示,而不是在舊的控制台中顯示。