summary refs log tree commit diff stats
path: root/files/nwg-panel/style.css
diff options
context:
space:
mode:
authorsils <sils@sils.li>2023-09-28 21:08:48 +0200
committersils <sils@sils.li>2023-09-28 21:08:48 +0200
commit0f494db49594dc6a1e4403e792a73cea9a44dfe6 (patch)
tree0890c841619438421e6a71210aa9228ceaaffdd4 /files/nwg-panel/style.css
parentfeat(u/sils/xdg): add element-desktop as handler for element events (diff)
downloadnix-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.css111
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
+}