update arch

.config/waybar/config

@@ -1,33 +1,17 @@
 {
   "layer": "bottom",
-  "output": ["DP-9","DP-8","DP-10"],
   "position": "top",
   "height": 24,
-  "spacing": 10,
+  "spacing": 15,
   "modules-left": ["sway/workspaces","sway/mode"],
-  "modules-center": ["sway/window"],
-  "modules-right": ["idle_inhibitor","cpu","memory","battery","pulseaudio","clock","tray"],
+  "modules-center": ["clock"],
+  "modules-right": ["battery","pulseaudio","tray"],
   "sway/mode": {
     "format": "{}"
   },
   "sway/window": {
     "format": "{title}"
   },
-  "idle_inhibitor": {
-    "format": "{icon}",
-    "format-icons": {
-      "activated": "\uf06e",
-      "deactivated": "\uf070"
-    }
-  },
-  "cpu": { 
-    "interval": 10, 
-    "format": "CPU: {usage}%" 
-  },
-  "memory": {
-    "interval": 30,
-    "format": "RAM: {used:0.1f}GiB/{total:0.1f}GiB ({percentage}%) SWAP: {swapUsed:0.1f}GiB/{swapTotal:0.1f}GiB ({swapPercentage}%)"
-  },
   "battery": {
     "bat": "BAT0",
     "states": {
@@ -35,12 +19,12 @@
       "warning": 30,
       "critical": 5
     },
-    "format": "BAT0: {capacity}%",
-    "format-charging": "BAT0: {capacity}% (charging)",
-    "format-plugged": "BAT0: {capacity}% (plugged)",
+    "format": "Battery: {capacity}%",
+    "format-charging": "Battery: {capacity}% (charging)",
+    "format-plugged": "Battery: {capacity}% (plugged)",
   },
   "clock": {
-    "format": "{:%Y/%m/%d %H:%M}",
+    "format": "{:%H:%M    %m/%d/%Y}",
     "tooltip-format": "<tt><small>{calendar}</small></tt>",
     "calendar": {
       "format": {
@@ -50,7 +34,7 @@
     }
   },
   "pulseaudio": {
-    "format": "{icon} {volume}%",
+    "format": "{icon}      {volume}%",
     "format-icons": {
       "default": ["\uf026", "\uf027", "\uf028"]
     },

.config/waybar/mocha.css

@@ -0,0 +1,26 @@
+@define-color rosewater #f5e0dc;
+@define-color flamingo #f2cdcd;
+@define-color pink #f5c2e7;
+@define-color mauve #cba6f7;
+@define-color red #f38ba8;
+@define-color maroon #eba0ac;
+@define-color peach #fab387;
+@define-color yellow #f9e2af;
+@define-color green #a6e3a1;
+@define-color teal #94e2d5;
+@define-color sky #89dceb;
+@define-color sapphire #74c7ec;
+@define-color blue #89b4fa;
+@define-color lavender #b4befe;
+@define-color text #cdd6f4;
+@define-color subtext1 #bac2de;
+@define-color subtext0 #a6adc8;
+@define-color overlay2 #9399b2;
+@define-color overlay1 #7f849c;
+@define-color overlay0 #6c7086;
+@define-color surface2 #585b70;
+@define-color surface1 #45475a;
+@define-color surface0 #313244;
+@define-color base #1e1e2e;
+@define-color mantle #181825;
+@define-color crust #11111b;

.config/waybar/style.css

@@ -1,26 +1,12 @@
-@define-color rosewater #f5e0dc;
-@define-color flamingo #f2cdcd;
-@define-color pink #f5c2e7;
-@define-color mauve #cba6f7;
-@define-color red #f38ba8;
-@define-color maroon #eba0ac;
-@define-color peach #fab387;
-@define-color yellow #f9e2af;
-@define-color green #a6e3a1;
-@define-color teal #94e2d5;
-@define-color sky #89dceb;
-@define-color sapphire #74c7ec;
-@define-color blue #89b4fa;
-@define-color lavender #b4befe;
-@define-color text #cdd6f4;
-@define-color subtext1 #bac2de;
-@define-color subtext0 #a6adc8;
-@define-color overlay2 #9399b2;
-@define-color overlay1 #7f849c;
-@define-color overlay0 #6c7086;
-@define-color surface2 #585b70;
-@define-color surface1 #45475a;
-@define-color surface0 #313244;
-@define-color base #1e1e2e;
-@define-color mantle #181825;
-@define-color crust #11111b;
+@import "mocha.css";
+
+* {
+  /* reference the color by using @color-name */
+  color: @text;
+}
+
+window#waybar {
+  /* you can also GTK3 CSS functions! */
+  background-color: shade(@base, 0.9);
+  border: 2px solid alpha(@crust, 0.3);
+}