Download the zip file for the theme you want from the newest release and extract it into the theme folder of keycloak.
Clone as keycloak/themes directory to make all themes available to keycloak.
Alternatively you can manually copy the themes to the themes directory of your keycloak installation.
git clone --recurse-submodules https://github.com/educorvi/keycloak-themes.git /your/keycloak-dir/themesTo install all needed dependencies, either run the createDist.js script and pass the name of the theme(s) you want to use as an argument (space separated list), or execute make in all theme directories.
If you want to execute the script, you need to run npm install one time before that, to install dependencies.
Install the dev dependencies by running npm install
To build the zip file for the theme(s) you want, execute createDist.js as described above which will created a dist zip
Themes are used to configure the look and feel of login pages and the account management console.
Custom themes packaged in a JAR file should be deployed to the ${kc.home.dir}/providers directory. After that, run
the build command to install them before starting the server.
You are also able to create your custom themes in this directory, directly. Themes within this directory do not require
the build command to be installed.
When running the server in development mode using start-dev, themes are not cached so that you can easily work on them without a need to restart
the server when making changes.
See the theme section in the Server Developer Guide for more details about how to create custom themes.
While creating custom themes, especially when overriding templates, it may be useful to use the built-in templates as
a reference. These can be found within the theme directory of ../lib/lib/main/org.keycloak.keycloak-themes-22.0.4.jar, which can be opened using any
standard ZIP archive tool.
Built-in themes should not be modified directly, instead a custom theme should be created.