2 files changed, 21 insertions, 67 deletions
diff --git a/.config/waybar/config b/.config/waybar/config
index dac0555..20060a2 100644
--- a/.config/waybar/config
+++ b/.config/waybar/config
@@ -1,7 +1,5 @@
 {
   "layer": "top",
-  "height": 15,
-  "margin": "0 0 0 0",
 
   "modules-left": ["hyprland/workspaces", "custom/separator", "tray"],
   "modules-center": ["hyprland/window"],
@@ -11,8 +9,9 @@
     "format": "{id}",
   },
   "custom/separator": {
-    "exec": "echo \" | \"",
+    "exec": "echo \"|\"",
     "format": "{}",
+	"class": "separator",
   },
   "custom/brightness": {
   	"exec": "get-brightness-percentage",
@@ -44,7 +43,7 @@
     "interval": 1,
   },
   "tray": {
-    "icon-size": 16,
+    "icon-size": 8,
     "spacing": 8,
   },
   "wireplumber": {
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 2d65a37..612c02b 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,82 +1,37 @@
-
+@define-color foreground rgba(228, 228, 239, 1);
+@define-color foreground-active rgba(51, 204, 254, 1);
+@define-color background rgba(0, 0, 0, 0.8);
 
 * {
-    font-family: "DejaVu Sans Mono", "Symbols Nerd Font";
-    font-size: 14px;
+    font-family: DejaVu Sans Mono;
+    font-size: 12px;
+	min-height: 0;
+    padding: 0.1rem;
+    margin: 0;
 }
 
 window#waybar {
-    background-color: rgba(13, 27, 42, 0.5);
-    color: rgba(228, 228, 239, 1);
-    border: 0px solid rgba(238, 171, 196, 0.8);
-}
-
-#window {
-    margin: 0 10px;
+    color: @foreground;
+    background-color: @background;
 }
 
-.modules-right:last-child {
-    /* background-color: rgba(51, 102, 0, 0.5); */
-    /* margin: 0 2px 0 0; */
-    margin-right: 10px;
-    /* padding: 0 3px; */
-}
-
-.modules-center {
-    /* background-color: #1d1f21; */
-    /* background-color: #2a3f38; */
-    /* background-color: rgba(51, 102, 0, 0.5); */
-    /* margin: 0 0 0 0; */
-    /* padding: 0 3px; */
+#workspaces button {
+    color: @foreground;
 }
 
-.modules-left {
-    /* background-color: #1d1f21; */
-    /* background-color: #2a3f38; */
-    /* background-color: rgba(51, 102, 0, 0.5); */
-    /* margin: 0 0 0 2px; */
-    padding: 0 0 0 15px;
+.module {
+	padding: 0rem 0.6rem;
 }
 
-tooltip {
-    background-color: rgba(13, 27, 42, 1);
-    color: rgba(228, 228, 239, 1);
-    border: 2px solid rgba(238, 171, 196, 0.8);
-    border-radius: 10px;
+#custom-separator {
+	padding: 0 0.2rem;
 }
 
 #workspaces button {
-    color: rgba(228, 228, 239, 1);
-    /* padding: 0 3px; */
-}
-
-#workspaces button.focused {
-    color: rgba(238, 171, 196, 0.8);
+    padding: 0 0.3rem;
 }
 
 #workspaces button.active {
-    color: rgba(238, 171, 196, 0.8);
-    transition: all 150ms ease;
-}
-
-#workspaces button:hover {
-    background: transparent;
-    border-color: rgba(238, 171, 196, 0.8);
-    box-shadow: none;
-    text-shadow: none;
-    transition: all 150ms ease;
+	color: @foreground-active;
 }
 
-#workspaces button:not(:last-child) {
-    transition: all 150ms ease;
-}
-
-#network,
-#wireplumber,
-#custom-brightness,
-#battery,
-#cpu,
-#memory,
-#clock {
-    padding: 0 10px;
-}