Skip to content

Appearance

Themes

Optionally, specify a theme to customize the appearance of the application. By default, the bootstrap-light theme will be used.

Example

app.config.yml
appearance:
    theme: string

Available Themes:

  • bootstrap-light: This is the default Bootstrap light theme.
  • karlsruhe: This a theme based on the corporate design of the city of Karlsruhe.

Icons

Some configuration options allow specifying a custom icon. The Open Data Dashboard uses the Bootstrap Icons library. Any icon available there can be used.

Note

Use the icon name, not the CSS class when specifying an icon. For example, to use the House door fill icon, the value of the icon property should be house-door-fill.

Colors

Some configuration options allow specifying a custom color or background color. Any legal CSS color values can be used. Additionally, Bootstrap CSS color variables are allowed. For a full list of available Bootstrap color variables refer to the documentation.