Dynamically theme the ForgeRock out-of-the-box login UI on the fly.
Artwork by Linh Nguyen
An authentication node for ForgeRock's Identity Platform 6.5.2 and above. This node allows you to customize the look and feel of any authentication or registration flow and optionally change the default Log In button's text. A number of beautifully styled themes by Linh Nguyen are included to bring color to your flows. You also have the option to fully customize an existing theme and create your own themes.
Download a release build fom the release tab or clone this repository to build your own release. Copy the .jar file from your download location or the ./target directory (if you built it yourself) into the ../web-container/webapps/openam/WEB-INF/lib directory where AM is deployed. Restart the web container to pick up the new node. The node will then appear in the authentication trees components palette.
Use this node to esily theme your registration and login flows. Need a different set of colors, a different logo, a different footer, or a different button text? This will get you there in a few simple steps. A few professionally styled themes are selectable from a drop-down list but you can also knock yourself out and create your own custom theme using CSS or pointedly override specific aspects of a pre-configured or custom theme. Want the second factor screen in orange red? Easily done.
A sample flow could look like this:
|Page 1||Page 2||Page 3||Profile Page|
|Confident Blue Dark|
|Dependable Orange Dark|
|Theme Node Settings|
|Theme Configuration||Select the theme configuration to use. The list contains both global and realm-specific configurations.
If the list is empty, go to
Global configurations are accessible from all realms, realm configurations only within the realm.
|Overwrite Login Button||Enable this option to change the text of the
|Button Text||Specify localized texts to overwrite the
|Theme Service Settings|
|Enable||Enable this service to apply theme configuration to your registration and authentication trees. Disable to render the installed theme. Use this setting as an on/off switch for all Theme Nodes configured to use Theme Configurations from this service.|
|Theme||Select a theme. Choose
|Replace Logo||Select this option to replace the logo.|
|Logo Properties||Specify any number of properties defining the new logo's
Sample ForgeRock logos to use:
|Overwrite Footer||Enable this option to change the footer text.|
|Footer Text||Specify localized texts to overwrite the footer button with. You can reference transient/shared state variables anywhere in your text using the
|Custom Theme||Specify the name of the custom theme to use. For this setting to take effect you must:
|Custom Theme Definitions||Specify any number of themes. The key holds a
|Customize Theme||Enable this option to customize the theme.|
|Theme Customizations||Specify any number of properties. The key holds a
Building Authentication Nodes
The code in this repository has binary dependencies that live in the ForgeRock maven repository. Maven can be configured to authenticate to this repository by following the following ForgeRock Knowledge Base Article.
The code described herein is provided on an "as is" basis, without warranty of any kind, to the fullest extent permitted by law. ForgeRock does not warrant or guarantee the individual success developers may have in implementing the sample code on their development platforms or in production configurations.
ForgeRock does not warrant, guarantee or make any representations regarding the use, results of use, accuracy, timeliness or completeness of any data or information relating to the sample code. ForgeRock disclaims all warranties, expressed or implied, and in particular, disclaims all warranties of merchantability, and warranties related to the code, or any service or software related thereto.
ForgeRock shall not be liable for any direct, indirect or consequential damages or costs of any type arising out of any action taken by you or others related to the sample code.