feat: very nice swaync config

swaync/style.css

@@ -17,7 +17,8 @@
 }
 
 * {
-  font: "JetBrains Mono Nerd Font 10";
+  font-family: "JetBrains Mono Nerd Font";
+  font-size: 16px;
 }
 
 .close-button {
@@ -359,6 +360,11 @@
   margin: 8px;
 }
 
+.widget-dnd switch:checked {
+  background: var(--noti-bg-focus);
+}
+
+
 .widget-dnd switch slider {
   border-radius: 12px;
 }
@@ -437,6 +443,7 @@
 
 /* Buttons widget */
 .widget-buttons-grid {
+  min-height: 50px;
   padding: 8px;
   margin: 8px;
   border-radius: 12px;
@@ -444,10 +451,21 @@
 
 .widget-buttons-grid flowboxchild > button {
   border-radius: 12px;
+  height: auto;
+}
+
+.widget-buttons-grid flowboxchild > button.toggle > * {
+  font-size: 36px;
 }
 
 .widget-buttons-grid flowboxchild > button.toggle:checked {
   /* style given to the active toggle button */
+  background-color: var(--noti-bg-focus);
+}
+
+.widget-buttons-grid flowboxchild > button.toggle:hover {
+  /* style given to the active toggle button */
+  background-color: var(--bg-selected);
 }
 
 /* Menubar widget */
@@ -510,6 +528,10 @@
   border-radius: 12px;
 }
 
+.widget-volume trough highlight {
+  background: var(--noti-bg-focus);
+}
+
 /* Each row app icon */
 .widget-volume row image {
   -gtk-icon-size: var(--widget-volume-row-icon-size);