some ricing

dot.config/sway/config

@@ -216,5 +216,5 @@ bar {
 
 # AUTOSTART
 
-# exec --no-startup-id compton -b
+exec --no-startup-id blueman-applet &
 exec --no-startup-id dunst

dot.config/waybar/config

@@ -1,18 +1,39 @@
 {
     "layer": "top",    // Waybar at top layer
     "position": "top", // Waybar position (top|bottom|left|right)
-    "height": 24,      // Waybar height (to be removed for auto height)
+    "height": 22,      // Waybar height (to be removed for auto height)
     // "width": 1280,  // Waybar width
 
     // Choose the order of the modules
     "modules-left": ["sway/workspaces", "sway/mode", "sway/window"],
-    "modules-center": [],
+    "modules-center": [
-    "modules-right": ["idle_inhibitor", "pulseaudio", "network", "cpu", "memory", "temperature", "backlight", "battery", "clock", "tray"],
+      "custom/left-arrow", "clock#1", "custom/left-arrow-inverse",
+      "custom/left-arrow", "clock#2", "custom/right-arrow",
+      "custom/right-arrow-inverse", "clock#3", "custom/right-arrow"
+    ],
+    "modules-right": ["idle_inhibitor", "network", "temperature", "backlight", "battery", "tray"],
+
+    "custom/left-arrow": {
+      "format": "",
+      "tooltip": false
+    },
+    "custom/left-arrow-inverse": {
+      "format": "",
+      "tooltip": false
+    },
+    "custom/right-arrow": {
+      "format": "",
+      "tooltip": false
+    },
+    "custom/right-arrow-inverse": {
+      "format": "",
+      "tooltip": false
+    },
 
     "sway/workspaces": {
         "disable-scroll": true,
         "all-outputs": true,
-        "format": "{icon}"
+        "format": "{name}"
     },
     "sway/mode": {
         "format": "<span style=\"italic\">{}</span>"
@@ -28,9 +49,17 @@
         "icon-size": 24,
         "spacing": 10
     },
-    "clock": {
+    "clock#1": {
-        "format": "{:%a %b %d %H:%M}",
+      "format": "{:%a}",
-        "tooltip-format": "{:%Y-%m-%d, it is %A, %H:%M}"
+      "tooltip-format": "{:%Y-%m-%d, it is %A, %H:%M}"
+    },
+    "clock#2": {
+      "format": "{:%H:%M}",
+      "tooltip-format": "{:%Y-%m-%d, it is %A, %H:%M}"
+    },
+    "clock#3": {
+      "format": "{:%b %d}",
+      "tooltip-format": "{:%Y-%m-%d, it is %A, %H:%M}"
     },
     "cpu": {
         "format": "{usage}% ",
@@ -53,8 +82,11 @@
         "format-icons": ["", ""]
     },
     "battery": {
+        "format": "{icon}",
+        "format-icons": ["", "", "", "", ""],
         "states": {
-            // "good": 95,
+            "good": 75,
+            "medium": 50,
             "warning": 30,
             "critical": 15
         },

dot.config/waybar/style.css

@@ -7,10 +7,30 @@
 }
 
 window#waybar {
-    background-color: transparent;
+    background-color: #2f2a4b;
     color: #eeeeee;
 }
 
+#custom-left-arrow-inverse,
+#custom-right-arrow-inverse {
+    background-color: rgba(255, 255, 255, .1);
+    color: rgba(0, 0, 0, .25);
+}
+
+#custom-left-arrow,
+#custom-right-arrow {
+    border-top: 4px solid transparent;
+    border-bottom: 4px solid transparent;
+    color: rgba(255, 255, 255, .1);
+}
+#custom-left-arrow {
+    border-right: 4px solid rgba(255, 255, 255, .1);
+}
+#custom-right-arrow {
+    border-left: 4px solid rgba(255, 255, 255, .1);
+}
+
+
 /*
 window#waybar.hidden { opacity: 0.2; }
 window#waybar.empty { background-color: transparent; }
@@ -68,6 +88,34 @@ window#waybar.chromium {
     border-bottom: 3px solid rgba(255, 255, 255, .2);
 }
 
+#workspaces button:first-child {
+  margin: 0;
+}
+
+#clock {
+  padding: 0 0;
+  margin: 0 0;
+}
+#clock:not(.2) {
+  border-bottom: none;
+}
+
+#tray {
+  margin-right: 0;
+}
+
+#battery:not(.charging) {
+    border-bottom: 3px solid green;
+}
+#battery.good:not(.charging) {
+    border-bottom: 3px solid #26A65B;
+}
+#battery.medium:not(.charging) {
+    border-bottom: 3px solid yellow;
+}
+#battery.warning:not(.charging) {
+    border-bottom: 3px solid orange;
+}
 #battery.charging {
     border-bottom: 3px solid #26A65B;
 }
@@ -88,7 +136,3 @@ window#waybar.chromium {
     animation-iteration-count: infinite;
     animation-direction: alternate;
 }
-
-label:focus {
-    background-color: #000000;
-}