Configurable Themes via Quick Themes #40275
Replies: 8 comments 8 replies
-
The question that always arises to me regarding themes is why do I have to derive an entire new theme if I just want to adjust tiny things? I am missing something like theme attributes that can be managed in each realm. |
Beta Was this translation helpful? Give feedback.
-
Admin is the least interesting part of Keycloak to customize, which makes the WYSIWYG not so useful since it previews the admin console. It should rather preview login and account. |
Beta Was this translation helpful? Give feedback.
-
I'd like to see some examples using quick theme to try to match some known brand websites. I'm not quite convinced that what is available today is sufficient to theme the login pages. Some things I could imagine that would be needed to better be able to match a brand:
Might not be possible to do with just CSS variables, but then maybe it could generate some custom styles. Maybe there could even be a textarea to define some custom CSS? If that would work with the preview that could be pretty powerful. |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
Hello and a good Morning … This is looking amazing and I was waiting for so long to such an feature … But: I have some different Domains … and it would be nice, if this domains could have an own theme … for example: In this structure it would be nice, if I could choose, which domain should have which theme. I hope you can understand me … (Maybe for the next releases you can make a css field in it, so we can put some css-code inside ;) ) Best Regards and thank you for your tremendous work. |
Beta Was this translation helpful? Give feedback.
-
This solution seems useless in cloud environments where the goal for most corporate customers is to use Infrastructure as Code. What we want is a way to set these kind of values using the Terraform provider (Not manually in the UI, and then download/upload a JAR). We need more ways to automate this! Not more ways of introducing manual work. Having a solution like this that would work over API/Terraform where we host the logo externally and just provide an URL would be a better solution. |
Beta Was this translation helpful? Give feedback.
-
Hi Thank you for the new options. We have turned on the feature in 26.1.5. We have loaded the generated theme and selected it as new theme. Now for the master realm it works: login screen shows the selected logo. For all other realms it shows the background image we have select but the display name of the Realm but no logo? Is this how it is intended to be? Is there any setting that we missed? Regards |
Beta Was this translation helpful? Give feedback.
-
When setting icon, in admin theme it doesnt show in a header. Tried jpeg, png, webp formats. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Keycloak has added the experimental “Quick Theme” feature to its latest nightly build.
The goal of the feature is to allow administrators to customize a theme with configurable options that match their corporate identity without having to customize html or css stylesheets.
The new Theme section offers new screens that allow users to configure settings for both light and dark themes.
The current UI offers only basic customization and uses the admin-console react component to simulate the results.
The Keycloak server can generate a new theme.jar from the given configuration, which can then be used as a jar-based theme.
The Keycloak team is now seeking feedback on this flexible theming approach.
If you have any suggestions on how this feature should work and what's missing, feel free to comment on this discussion to share your ideas or requirements.
Enabling the quick-theme feature
To enable the
quick-theme
feature, uses the following:Quick Theme Screens
New tabs in the theme section of the realm config:

Light Theme:

Dark Theme:

Suggestions
Beta Was this translation helpful? Give feedback.
All reactions