This sample demonstrates the available bar color modes in the JavaScript(ES5) AppBar.
In this demo, available bar color mode of JavaScript(ES5) AppBar has been showcased. The modes can be set through colorMode property and the possible modes are Light, Dark, Primary and Inherit. Light - The Light mode is the default mode. AppBar can be viewed with light color. Dark - AppBar can be viewed with dark color. Primary - AppBar can be viewed with primary color. Inherit - AppBar inherits the color from parent. On mobile devices, media query is used to display the AppBar in adaptive view. You can click the menu to see the hidden AppBar content.