Theme Color

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:

• light (Default)—Applies coloring based on light theme color.
• dark—Applies coloring based on dark theme color.
• inherit—Applies inherited coloring value.
• primary—Applies primary coloring value.

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