feat: change destktop design

hosts/nb-new.cloonar.com/modules/sway/sway.conf

@@ -5,7 +5,7 @@
 # i3 config file (v4)
 
 # font for window titles and bar
-font pango:Source Sans Pro 10
+font pango:Source Sans Pro 8
 
 # use win key
 set $mod Mod4
@@ -17,16 +17,16 @@ set $up     k
 set $right  l
 
 # define names for workspaces
-set $ws1    "1:  "
-set $ws2    "2:  "
-set $ws3    "3:  "
-set $ws4    "4:  "
-set $ws5    "5:  "
-set $ws6    "6:  "
-set $ws7    "7:  "
-set $ws8    "8:  "
-set $ws9    "9:  "
-set $ws10   "10:  "
+set $ws1    "1: "
+set $ws2    "2: "
+set $ws3    "3: "
+set $ws4    "4: "
+set $ws5    "5: "
+set $ws6    "6: "
+set $ws7    "7: "
+set $ws8    "8: "
+set $ws9    "9: "
+set $ws10   "10: "
 
 # assign workspaces to primary monitor
 workspace $ws1 output primary
@@ -271,12 +271,12 @@ assign [class="Lightdm-gtk-greeter-settings"]   → $ws10
 assign [class="Software-properties-gtk"]        → $ws10
 
 # class                 border  backgr. text    indicator child_border
-client.focused          #2b83a6 #2b83a6 #ffffff #dddddd   #2b83a6
-client.focused_inactive #212121 #212121 #86888c #292d2e   #5a5a5a
-client.unfocused        #212121 #212121 #86888c #292d2e   #5a5a5a
-client.urgent           #d64e4e #d64e4e #ffffff #d64e4e   #d64e4e
-client.placeholder      #212121 #0c0c0c #ffffff #212121   #262626
-client.background       #212121
+client.focused          #252525 #252525 #8be9fd #dddddd   #252525
+client.focused_inactive #282a36 #282a36 #86888c #282a36   #5a5a5a
+client.unfocused        #282a36 #282a36 #86888c #292d2e   #5a5a5a
+client.urgent           #282a36 #282a36 #ffb86c #282a36   #5a5a5a
+client.placeholder      #282a36 #282a36 #ffffff #282a36   #262626
+client.background       #282a36
 
 bar {
     swaybar_command waybar

hosts/nb-new.cloonar.com/modules/sway/waybar.conf

@@ -149,7 +149,7 @@
     "path": "/nix/"
   },
   "tray": {
-    "icon-size": 20
+    "icon-size": 14
   }
 }
 

hosts/nb-new.cloonar.com/modules/sway/waybar.css

@@ -1,5 +1,5 @@
 * {
-	font-size: 16px;
+	font-size: 10px;
 	font-family: monospace;
 }
 
@@ -10,10 +10,12 @@ window#waybar {
 
 #custom-right-arrow-dark,
 #custom-left-arrow-dark {
+  font-size: 20px;
 	color: #252525;
 }
 #custom-right-arrow-light,
 #custom-left-arrow-light {
+  font-size: 20px;
 	color: #282a36;
 	background: #252525;
 }
@@ -34,6 +36,7 @@ window#waybar {
 
 #workspaces button {
 	padding: 0 4px;
+  padding-right: 8px;
 	color: #f8f8f2;
 }
 #workspaces button.focused {
@@ -44,9 +47,7 @@ window#waybar {
 	text-shadow: inherit;
 }
 #workspaces button:hover {
-	background: #252525;
-	border: #252525;
-	padding: 0 6px;
+  color: #bd93f9;
 }
 
 #network {
@@ -68,12 +69,18 @@ window#waybar {
 	color: #ffb86c;
 }
 
-#clock,
+#clock {
+  padding: 0 10px;
+}
+
 #network,
 #pulseaudio,
 #memory,
 #cpu,
 #battery,
 #disk {
-	padding: 0 20px;
+	padding: 0 10px;
+  padding-left: 5px;
 }
+
+