Styling.md

Styling

Main panel

For the main panel, the styling is done via CSS by defining style for class manokwari-panel. E.g:

.manokwari-panel {
  background-color: blue;
}

Window names list

For the window names list (hover to an icon on the panel, then there will be a screen wide pop up), the styling is done via CSS by defining style for class manokwari-panel-window-names. E.g:

.manokwari-panel-window-names {
  background-color: blue;
}

Fullscreen dialogs

Fullscreen dialogs are the shutdown, restart, and logout fullscreen dialogs. The styling can be done using manokwari-fullscreen-dialog class. E.g:

.manokwari-fullscreen-dialog {
   background-color: rgba(10, 10, 10, 0.6);
   color: white;
}