From 2131bb57c41a92e5578d362d22951efaba63c5af Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Sat, 10 Feb 2024 22:12:38 +0100
Subject: [PATCH] Feat(sway): cosmetics

---
 sway/.config/sway/config      | 14 +++---
 sway/.config/waybar/config    |  4 +-
 sway/.config/waybar/style.css | 93 +++++++++++++++++++++--------------
 3 files changed, 67 insertions(+), 44 deletions(-)

diff --git a/sway/.config/sway/config b/sway/.config/sway/config
index 2a29846..31825e9 100644
--- a/sway/.config/sway/config
+++ b/sway/.config/sway/config
@@ -135,13 +135,15 @@ bindsym $mod+Shift+Right move right
 #
 # Workspaces:
 #
-set $ws1 1: 
-set $ws2 2: 
+set $ws1 1: 󰖟
+set $ws2 2: 
 set $ws3 3: 
-set $ws4 4: 
-set $ws5 5: 
-set $ws6 6: 
-set $ws7 7: 
+set $ws4 4: 
+set $ws5 5: 
+set $ws6 6: 
+set $ws7 7: 
+set $ws8 8: 󰖟
+set $ws9 9: 
 
 bindsym $mod+ampersand workspace $ws1
 bindsym $mod+eacute workspace $ws2
diff --git a/sway/.config/waybar/config b/sway/.config/waybar/config
index 33d6993..6c4aaa6 100644
--- a/sway/.config/waybar/config
+++ b/sway/.config/waybar/config
@@ -2,8 +2,8 @@
     "layer": "top",
     "output": "eDP-1",
     "height": 30,
-    "modules-left": ["sway/workspaces", "sway/mode"],
-    "modules-center": ["sway/window"],
+    "modules-left": ["sway/mode","sway/window" ],
+    "modules-center": ["sway/workspaces" ],
     "modules-right": ["pulseaudio", "battery", "tray", "clock"],
     "sway/window": {
         "max-length": 50
diff --git a/sway/.config/waybar/style.css b/sway/.config/waybar/style.css
index 6b9c6b0..873c668 100644
--- a/sway/.config/waybar/style.css
+++ b/sway/.config/waybar/style.css
@@ -1,70 +1,91 @@
 * {
-    border: none;
-    border-radius: 0;
-    font-family: Droid Nerd Font Mono;
-    font-size: 14px;
-    min-height: 0;
+  border: none;
+  border-radius: 0;
+  font-family: Droid Nerd Font Mono;
+  font-size: 14px;
+  min-height: 0;
 }
 
 @import "gruvbox.css";
 
 window#waybar {
-    background: @background;
-    color: @white_b;
+  background: @background;
+  color: @foreground;
 }
 
 #workspaces button {
-    padding: 0 2px;
-    background: transparent;
-    color: @white_b;
-    border-bottom: 3px solid transparent;
+  padding: 0 2px;
+  background: transparent;
+  color: @foreground;
+  border-bottom: 3px solid transparent;
 }
 
-#workspaces button.focused {
-    background: @orange;
-    border-bottom: 3px solid @orange_b;
+#workspaces button.active {
+  background: @orange_b;
 }
 
-#mode, #clock, #battery {
-    padding: 0 10px;
-    margin: 0 5px;
+#workspaces button.visible {
+  background: @orange;
+  border-radius: 2px;
+  border-top: 3px solid @orange_b;
+}
+
+#mode,
+#clock,
+#battery {
+  padding: 0 10px;
+  margin: 0 5px;
 }
 
 #mode {
-    background: @red;
-    border-bottom: 3px solid @white_b;
+  background: @red;
+  border-bottom: 3px solid @foreground;
+}
+
+#window {
+  padding: 0 10px;
 }
 
 #clock {
-    color: @white_b;
+  color: @foreground;
 }
 
 #battery {
-    color: @white_b;
+  color: @foreground;
 }
 
 #battery.charging {
-    color: @gree;
+  color: @green;
 }
 
 @keyframes blink {
-    to {
-        background-color: @white_b;
-        color: @background;
-    }
+  to {
+    background-color: @foreground;
+    color: @background;
+  }
 }
 
-#idle_inhibitor, #pulseaudio, #custom-openvpn, #network, #cpu, #memory, #temperature, #backlight, #battery, #clock, #tray {
-     padding: 0 6px;
-     margin: 0 3px;
+#idle_inhibitor,
+#pulseaudio,
+#custom-openvpn,
+#network,
+#cpu,
+#memory,
+#temperature,
+#backlight,
+#battery,
+#clock,
+#tray {
+  padding: 0 6px;
+  margin: 0 3px;
 }
 
 #battery.warning:not(.charging) {
-    background: @red;
-    color: @white_b;
-    animation-name: blink;
-    animation-duration: 0.5s;
-    animation-timing-function: linear;
-    animation-iteration-count: infinite;
-    animation-direction: alternate;
+  background: @red;
+  color: @foreground;
+  animation-name: blink;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
 }