/***** SUGGESTED TO CHANGE CAREFULLY *****/ /* Recommended if panel "height" unset or smaller then your theme default button height */ button { margin: 2px; background: none; border: none } /* SwayTaskBar and SwayWorkspaces use custom widgets, that need this and the next name to highlight currently focused task / workspace. */ #task-box { padding-left: 4px; padding-right: 4px } #task-box-focused { background-color: rgba (255, 255, 255, 0.12); padding-left: 4px; padding-right: 4px } /***** MODIFY TO YOUR TASTE *****/ /* Sample button in sample config w/ no background nor border */ #button-custom { background: rgba (0, 0, 0, 0.0); border: 0 } /* Top panel in sample config uses this name */ #panel-top { background: #030303; color: #eeeeee } /* Bottom panel in sample config uses this name */ #panel-bottom { background-color: #030303; color: #eeeeee } /* Controls window in sample config uses this name */ #controls-window { background-color: rgba (37, 37, 37, 0.95); border-radius: 0px; border-style: solid; border-width: 1px; border-color: rgba (0, 0, 0, 1.0); color: #eeeeee } /* Executors usually behave better in monospace fonts */ #executor-label { font-family: DejaVu Sans Mono; font-size: 16px } /* and so does the Clock */ #clock { font-family: DejaVu Sans Mono; font-size: 16px } /* Sample executor-weather uses "css-name": "weather" */ #weather { font-size: 16px } /* dwl module */ #dwl-tag-box { padding-top: 4px; padding-bottom: 4px } #dwl-tag-occupied { font-family: monospace; color: #eee; background-color: #006699; padding-left: 3px; padding-right: 3px; } #dwl-tag-free { font-family: monospace; color: #eee; background-color: rgba (32, 50, 90, 1.0); padding-left: 3px; padding-right: 3px; } #dwl-tag-urgent { font-family: monospace; color: #eee; background-color: #ee6600; padding-left: 3px; padding-right: 3px; } #dwl-tag-selected { border: solid 2px; border-color: #81a1c1 }