• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Color in ASP.NET Core AppBar Control

This sample demonstrates the available types of color in the ASP.NET Core AppBar component.
DEMO
SOURCE
Light

    Dark

      Primary

        Inherit

          In this demo, the available types of background color for ASP.NET Core AppBar are showcased. The background and font colors can be set using the ColorMode property. The different types are light, dark, primary, and inherit.

          Light - The AppBar can be displayed with a light background.

          Dark - The AppBar can be displayed with a dark background.

          Primary - The AppBar can be displayed with primary colors.

          Inherit - The AppBar inherits the color from its parent element.


          On mobile devices, media query is used to display the AppBar in adaptive views. You can click the menu to see the hidden AppBar content.

          Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
          85+ high-performance and responsive UI components
          Dedicated support
          Hassle-free licensing
          TRY IT FOR FREE
          opens in a new tab