diff options
author | sils <sils@sils.li> | 2023-09-28 21:08:48 +0200 |
---|---|---|
committer | sils <sils@sils.li> | 2023-09-28 21:08:48 +0200 |
commit | 0f494db49594dc6a1e4403e792a73cea9a44dfe6 (patch) | |
tree | 0890c841619438421e6a71210aa9228ceaaffdd4 /files/nwg-panel/style.css | |
parent | feat(u/sils/xdg): add element-desktop as handler for element events (diff) | |
download | nix-config-0f494db49594dc6a1e4403e792a73cea9a44dfe6.tar.gz nix-config-0f494db49594dc6a1e4403e792a73cea9a44dfe6.zip |
feat(files/nwg-panel): add nwg-panel config
Diffstat (limited to 'files/nwg-panel/style.css')
-rw-r--r-- | files/nwg-panel/style.css | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/files/nwg-panel/style.css b/files/nwg-panel/style.css new file mode 100644 index 0000000..218369f --- /dev/null +++ b/files/nwg-panel/style.css @@ -0,0 +1,111 @@ +/***** SUGGESTED TO CHANGE CAREFULLY *****/ + +/* Recommended if panel "height" unset or smaller then your theme default button height */ +button { + margin: 2px +} + +/* 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: #101010; + color: #eeeeee +} + +/* Bottom panel in sample config uses this name */ +#panel-bottom { + background: #101010; + color: #eeeeee +} + +/* Controls window in sample config uses this name */ +#controls-window { + border-radius: 15px; + background: #36364f; + color: #eeeeee +} +#controls-window scale value { + color: #eeeeee +} + +/* Brightness slider popup window in sample config uses this name */ +#brightness-popup { + border-radius: 15px; + background: #36364f; + color: #eeeeee +} +#brightness-popup box { + padding: 15px; +} + +/* Executors usually behave better in monospace fonts */ +#executor-label { + font-family: monospace +} + +/* and so does the Clock */ +#clock { + font-family: monospace; + font-size: 16px +} + +/* Sample executor-weather uses "css-name": "weather" */ +#weather { + font-size: 16px +} + +/* dwl-tags 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 +} |