New to Kendo UI for Angular? Start a free 30-day trial
Theme Color
Updated on Oct 31, 2025
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 ...