feat: change style to be more concise

users/gandalf/modules/gui/sway/default.nix

@@ -241,9 +241,6 @@ in
         titlebar = false;
         border = 4;
       };
-      gaps = {
-        inner = 5;
-      };
       colors = {
         focused = {
           border = common.colorschemes.default.active;

users/gandalf/modules/gui/waybar.nix

@@ -20,9 +20,9 @@ let
   '';
   tailscale-status = pkgs.writeShellScript "tailscale-status" ''
     if ${nixosConfig.services.tailscale.package}/bin/tailscale status > /dev/null 2>&1; then
-      echo 
+      echo " "
     else
-      echo 
+      echo " "
     fi
   '';
   tailscale-toggle = pkgs.writeShellScript "tailscale-toggle" ''
@@ -92,6 +92,11 @@ in
             "interval": 3,
             "tooltip": false
           },
+          "custom/separator": {
+            "format": "|",
+            "interval": "once",
+            "tooltip": false
+          },
           "disk": {
             "format": "{specific_free:0.0f}GB  ",
             "unit": "GB"
@@ -118,7 +123,6 @@ in
             }
           },
           "layer": "top",
-          "margin": "5 5 5 5",
           "modules-center": [
           ],
           "modules-left": [
@@ -130,12 +134,19 @@ in
             "tray",
             "network",
             "custom/tailscale",
+            "custom/separator",
             "pulseaudio",
+            "custom/separator",
             "disk",
+            "custom/separator",
             "custom/mem",
+            "custom/separator",
             "temperature",
+            "custom/separator",
             "backlight",
+            "custom/separator",
             "battery",
+            "custom/separator",
             "clock"
           ],
           "name": "swaybar",
@@ -175,7 +186,6 @@ in
             "format-muted": "󰖁 {format_source}",
             "format-source": "{volume}%  ",
             "format-source-muted": " ",
-            "min-length": 13,
             "on-click": "${pkgs.pavucontrol}/bin/pavucontrol",
             "reverse-scrolling": 1
           },
@@ -204,13 +214,17 @@ in
       window.swaybar,
       window.swaybar * {
         border: none;
-        border-radius: 10px;
         font-family: DejaVuSansM Nerd Font;
-        min-height: 20px;
+        font-size: 13px;
+      }
+
+      window.swaybar #custom-separator {
+        padding-right: 6px;
+        color: #d3d3d3;
       }
 
       window.swaybar#waybar {
-        background: #ffffff;
+        background: linear-gradient(to bottom, #ffffff, #f9f9f9);
       }
 
       window.swaybar#waybar.hidden {
@@ -228,8 +242,8 @@ in
         transition: none;
         color: black;
         background: transparent;
-        padding: 5px;
+        padding: 2px;
-        font-size: 18px;
+        /* font-size: 18px; */
         border-radius: 0px;
       }
 
@@ -238,12 +252,12 @@ in
       }
 
       window.swaybar #workspaces button.persistent {
-        font-size: 12px;
+        /* font-size: 12px; */
       }
 
       window.swaybar #workspaces button.visible {
         color: black;
-        font-size: 18px;
+        /* font-size: 18px; */
       }
 
       window.swaybar #workspaces button.focused {
@@ -256,8 +270,8 @@ in
       }
 
       window.swaybar #window {
-        padding-left: 16px;
+        padding-left: 8px;
-        padding-right: 16px;
+        padding-right: 8px;
         transition: none;
         color: black;
         background: transparent;
@@ -275,29 +289,27 @@ in
         margin-right: 10px;
         padding-left: 10px;
         padding-right: 10px;
+        border-radius: 10px;
         transition: none;
         color: white;
         background: rgb(66, 118, 185);
       }
 
       window.swaybar #network {
-        padding-left: 10px;
+        padding-left: 6px;
-        padding-right: 10px;
         transition: none;
         color: black;
         background: transparent;
       }
 
       window.swaybar #custom-tailscale {
-        padding-right: 10px;
+        padding-right: 6px;
         transition: none;
         color: black;
         background: transparent;
       }
 
       window.swaybar #pulseaudio {
-        padding-left: 10px;
-        padding-right: 10px;
         transition: none;
         color: black;
         background: transparent;
@@ -308,24 +320,18 @@ in
       }
 
       window.swaybar #disk {
-        padding-left: 10px;
-        padding-right: 10px;
         transition: none;
         color: black;
         background: transparent;
       }
 
       window.swaybar #custom-mem {
-        padding-left: 10px;
-        padding-right: 10px;
         transition: none;
         color: black;
         background: transparent;
       }
 
       window.swaybar #temperature {
-        padding-left: 10px;
-        padding-right: 10px;
         transition: none;
         color: black;
         background: transparent;
@@ -336,16 +342,12 @@ in
       }
 
       window.swaybar #backlight {
-        padding-left: 10px;
-        padding-right: 10px;
         transition: none;
         color: black;
         background: transparent;
       }
 
       window.swaybar #battery {
-        padding-left: 10px;
-        padding-right: 10px;
         transition: none;
         color: black;
         background: transparent;
@@ -372,8 +374,8 @@ in
       }
 
       window.swaybar #clock {
-        padding-left: 10px;
+        padding-right: 6px;
-        padding-right: 16px;
+        margin-right: 8px;
         transition: none;
         color: black;
         background: transparent;