Appearance and Behavior
The Global Status Bar has four main parts: App Icon, App Title, App State, and Logged-in Username. Additional custom features can be added to the Global Status bar. Suggested elements include Clock, Monitoring Icons, and Buttons.
Simplest Global Status Bar - Only include the App Title.
Standard Global Status Bar - App Icon, App Title, App State, and Logged-in Username
Complex Global Status Bar - App Icon, App Title, App State, Logged-in Username, Clock, and Monitoring Icons.
When using the alternate light theme in Astro, the Global Status Bar and all of the elements it contains still use the default dark theme styling.
Do: Correctly and consistently utilize the standard elements that comprise the Global Status Bar. Don’t: Use icons, labels and colors incorrectly. Do: Left justify the application name. Additional custom elements should be centered in the Global Status Bar or right justified (when utilized). Don’t: Use the Global Status Bar for controls or indications that come and go with different app modes. Reserve it for truly global elements.
UI Kit - Dark
UI Kit - Light
UI Kit - Wireframe
The Global Status Bar shall be reserved for global elements that appear on every screen.
The Global Status Bar shall include the application name. Other elements are optional.
Optional Global Status Bar elements shall be arranged left to right in this order: navigation
Tabs, Clock, Monitoring Icons, Action Icons, Emergency Shut Off Button. 4.5.4
Global Status Bar shall use dark theme styling even when the application is light themed.