Theme Color

Updated on May 8, 2026

The AppBar enables you to specify predefined theme colors, which will be applied as the background color of the component.

The available themeColor values are:

• base—Applies the component's base coloring.
• primary—Applies the primary theme color.
• secondary—Applies the secondary theme color.
• tertiary—Applies the tertiary theme color.
• inverse—Applies an inverted coloring relative to the theme background.

Any other regular color can be applied via custom CSS styling by targeting the AppBar through its k-appbar CSS class.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the AppBar Component