waybar: even more style experiments

Adjusted for smaller laptop screen:
* Move modules out of the center; it looks nice when there's enough
  screen real estate, not so good it starts to get cramped.
* Style clock a bit so that it stands out among the rest of the modules.
* Experiment with the clock position, still haven't decided where I like
  it the most.

I now remembered why I stopped "ricing", too much wasted time...

3 files changed, 28 insertions, 20 deletions

diff --git a/dotfiles/.config/waybar/config b/dotfiles/.config/waybar/config
index 5131532..403da07 100644
--- a/dotfiles/.config/waybar/config
+++ b/dotfiles/.config/waybar/config
@@ -4,15 +4,15 @@
     "height": 34,
 	"include": [ "~/.config/waybar/modules.json" ],
     "modules-left": [
+        "clock",
         "niri/workspaces",
         "mpris",
         "wireplumber"
     ],
     "modules-center": [
-        "clock",
-        "custom/weather"
     ],
     "modules-right": [
+        "custom/weather",
         "custom/mail-status",
         "cpu",
         "memory",
@@ -23,6 +23,6 @@
         "custom/torrent-status",
         "network",
         "niri/language",
-        "tray"
+        "tray",
     ]
 }]
diff --git a/dotfiles/.config/waybar/modules.json b/dotfiles/.config/waybar/modules.json
index 8f47d63..51a80e3 100644
--- a/dotfiles/.config/waybar/modules.json
+++ b/dotfiles/.config/waybar/modules.json
@@ -6,12 +6,12 @@
     	"format": "{status_icon} {artist} - {title}",
     	"format-stopped": "{status_icon} - ",
     	"status-icons": {
-    		"stopped": "",
-    		"paused": "",
+    		"stopped": "<span color=\"#d6cda3\"></span>",
+    		"paused": "<span color=\"#d6cda3\"></span>",
     		"playing": "<span color=\"#5b8277\"></span>"
     	},
-    	"artist-len": 25,
-    	"title-len": 40
+    	"artist-len": 20,
+    	"title-len": 30
     },
     "tray": {
         "icon-size": 16,
@@ -27,11 +27,11 @@
         "interval": 1
     },
     "cpu": {
-        "format": "<span color=\"#e0d8b3\"></span> {load}%",
+        "format": "<span color=\"#d6cda3\"></span> {usage}%",
         "interval": 2
     },
     "memory": {
-        "format": "<span color=\"#e0d8b3\"></span> {used:0.3f}G",
+        "format": "<span color=\"#d6cda3\"></span> {used:0.3f}G",
         "states": {
         	"warning": 90
         },
@@ -47,7 +47,7 @@
     },
     "backlight": {
         // "device": "acpi_video1",
-        "format": "<span color=\"#5b8277\">{icon}</span> {percent}%",
+        "format": "<span color=\"#d6cda3\">{icon}</span> {percent}%",
         "format-icons": ["", ""]
     },
     "battery#bat0": {
@@ -83,8 +83,8 @@
         "format-linked": "<span color=\"#b2872f\">󰲊</span>",
         "format-disconnected": "<span color=\"#b2872f\">󰌙</span>",
         "format-disabled": "<span color=\"#b73030\">󰌙</span>",
-        "format-alt": "<span color=\"#e0d8b3\">󰌘</span> {ifname}: {bandwidthUpBits}<span color=\"#e0d8b3\"></span> {bandwidthDownBits}<span color=\"#e0d8b3\"></span>",
-        "tooltip-format": "{ifname}: {essid} {ipaddr}/{cidr} {bandwidthUpBits}<span color=\"#e0d8b3\"></span> {bandwidthDownBits}<span color=\"#e0d8b3\"></span>",
+        "format-alt": "<span color=\"#d6cda3\">󰌘</span> {ifname}: {bandwidthUpBits}<span color=\"#d6cda3\"></span> {bandwidthDownBits}<span color=\"#d6cda3\"></span>",
+        "tooltip-format": "{ifname}: {essid} {ipaddr}/{cidr} {bandwidthUpBits}<span color=\"#d6cda3\"></span> {bandwidthDownBits}<span color=\"#d6cda3\"></span>",
         "interval": 10
     },
     "wireplumber": {
@@ -112,13 +112,13 @@
         "exec": "barrecstatus"
     },
     "custom/torrent-status": {
-        "format": "<span color=\"#e0d8b3\">{}</span>",
+        "format": "<span color=\"#d6cda3\">{}</span>",
         "signal": 10,
         "interval": "once",
         "exec": "bartorrentstatus"
     },
     "custom/mail-status": {
-        "format": "<span color=\"#e0d8b3\">󰺻 </span>{}",
+        "format": "<span color=\"#d6cda3\">󰺻 </span>{}",
         "signal": 9,
         "interval": "once",
         "exec": "barmailstatus",
@@ -163,8 +163,8 @@
     "niri/language": {
     	"on-click": "niri msg action switch-layout next",
     	"on-click-right": "niri msg action switch-layout prev",
-    	"format-en": " 🇺🇸 ",
-    	"format-es": " 🇲🇽 ",
-    	"format-ru": " 🇷🇺 "
+    	"format-en": " 🇺🇸",
+    	"format-es": " 🇲🇽",
+    	"format-ru": " 🇷🇺"
     }
 }
diff --git a/dotfiles/.config/waybar/style.css b/dotfiles/.config/waybar/style.css
index 09fac8b..b870199 100644
--- a/dotfiles/.config/waybar/style.css
+++ b/dotfiles/.config/waybar/style.css
@@ -4,7 +4,7 @@
 }
 window#waybar {
   	background: #1e1c1a;
-  	color: #f2eccf;
+  	color: #fcf8e2;
   	min-height: 0;
   	border: 2px solid #33333a;
 }
@@ -14,11 +14,11 @@ window#waybar {
 #cpu,
 #mpd,
 #tray,
-#clock,
 #mpris,
 #memory,
 #battery,
 #network,
+#language,
 #backlight,
 #workspaces,
 #temperature,
@@ -36,6 +36,14 @@ window#waybar {
   	padding: 0 0.4em;
   	margin: 2px;
 }
+#clock {
+  	font-weight: 500;
+  	color: #d6cda3;
+  	background: #0d0906;
+  	border: 2px inset #1e1e23;
+  	margin: 4px 2px 4px 4px;
+  	padding: 0 0.4em;
+}
 #workspaces {
   	padding: 0;
   	margin: 6px;
@@ -45,7 +53,7 @@ window#waybar {
   	padding: 0 0.5em;
   	color: #fcf8e2;
   	border-radius: 0;
-  	border: 1px solid #1e1e23;
+  	border: 2px solid #1e1e23;
 }
 #workspaces button.visible,
 #workspaces button.active {