Skip to main content

We have released KoliBri - Public UI v3. For the LTS version, see .

Your opinion matters! Together with you, we want to continuously improve KoliBri. Share your ideas, wishes, or suggestions—quickly and easily.

Create a KoliBri theme

Note: The former Designer is no longer available; themes are now maintained directly in code.

Creating a custom theme now happens entirely in a Git repository. The approach follows the documentation in the KERN Developer Kit.

Steps​

  1. Fork an existing theme: Use a current theme as a baseline and create your own repository from it (for example via a fork or git clone). This keeps the structure KoliBri expects for styling.
  2. Apply your style guide: Adapt the existing styles, variables, and tokens to your style guide. Work directly in the code of the forked theme to derive colors, spacing, typography, and component variants consistently.
  3. Version the theme: Commit your changes regularly and keep the theme repository well documented. This ensures the theme remains traceable and reusable over time.
  4. Use the theme: Consume the finished theme from your repository in your projects so applications can use the customized styles without the Designer.

Notes​

  • If you need global CSS rules (for example for zoom levels, hyphenation, or spacing), add them directly in your theme.
  • For Sass workflows you can still use the Scss approach to organize your styles modularly.