DEV Community

Cover image for Adding Persistent Themes to Keycloak
Kaiwalya Koparkar for Elestio

Posted on β€’ Originally published at blog.elest.io on

Adding Persistent Themes to Keycloak

We will see how you can add persistent theme to Keycloak. Before we start, make sure you have deployed Keycloak, we will be self-hosting it on Elestio. Keycloak offers robust theme support for its web pages and emails, allowing you to tailor the look and feel of end-user-facing pages to seamlessly integrate with your applications.

Persistent Themes

Keycloak supports mounting themes from a persistent volume, making it easier to manage themes across deployments. By default, the volume mount for themes is at /opt/keycloack/themes. Here’s how to configure it:

  1. Access your Keycloak service on Elestio Dashboard.
  2. Navigate to Service Overview.
  3. Click the UPDATE CONFIG button.
  4. Add the following configuration to the Keycloak container:
volumes:
   - ./themes:/opt/keycloak/themes

Enter fullscreen mode Exit fullscreen mode
  1. Click Apply & Restart.

You can copy your theme to the /opt/app/themes directory using various methods, such as:

  • Using the file explorer available in the service dashboard.
  • Utilizing VSCode in the browser (available in the tools tab of the service overview).
  • Using SFTP over SSH.

Thanks for reading ❀️

Thank you so much for reading and do check out the Elestio resources and Official Keycloak documentation to learn more about Keycloak. Click the button below to create your service on Elestio. See you in the next oneπŸ‘‹

Adding Persistent Themes to Keycloak

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay