waybar: remove transparency, make more similar to dwm bar

2 files changed, 24 insertions, 15 deletions

diff --git a/.config/waybar/config.jsonc b/.config/waybar/config.jsonc
index f4f7f07..f402e42 100644
--- a/.config/waybar/config.jsonc
+++ b/.config/waybar/config.jsonc
@@ -77,7 +77,7 @@
     },
     "custom/date": {
         "timezone": "Asia/Kolkata",
-        "exec": "date +'%a %d %b %Y'",
+        "exec": "date +'%d %b %Y'",
         "format": "󰃭 {}",
         "interval": 1,
         "tooltip": false
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 1e0c6bf..c2117c5 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -40,18 +40,19 @@ font-family: "Fira Code", "FontAwesome";
 font-weight: bold;
 min-height: 0;
 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
-font-size: 97%;
+font-size: 96%;
 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
-padding: 0.03125rem;
+/* padding: 0.03125rem; */
 }
 
 window#waybar {
   transition-property: background-color;
   transition-duration: 0.5s;
-  background: transparent;
+  /* background: transparent; */
+  background: @base ;
   /*border: 2px solid @overlay0;*/
   /*background: @theme_base_color;*/
-  border-radius: 10px;
+  /* border-radius: 10px; */
 }
 
 window#waybar.hidden {
@@ -69,8 +70,8 @@ window#waybar.hidden {
 
 #workspaces {
     /* border-radius: 8px; */
-    padding: 0 3px 0 8px;
-    margin: 5px 5px 5px 0;
+    /* padding: 0 3px 0 8px; */
+    /* margin: 5px 5px 5px 0; */
     transition: all 0.2s ease;
 }
 
@@ -88,19 +89,19 @@ window#waybar.hidden {
     /* center the icon, no clue why this is necessary */
     padding-left: 5px;
     padding-right: 10px;
-    padding-top: 1px;
+    /* padding-top: 1px; */
 
     box-shadow: inset 0 -1px #e3e3e3;
 }
 
 /* the first and last buttons should be rounded */
 #workspaces button:first-child {
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
+    /* border-top-left-radius: 8px; */
+    /* border-bottom-left-radius: 8px; */
 }
 #workspaces button:last-child {
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
+    /* border-top-right-radius: 8px; */
+    /* border-bottom-right-radius: 8px; */
 }
 
 /* empty persistent workspaces */
@@ -164,9 +165,9 @@ window#waybar.hidden {
 #custom-notification,
 #mpd {
     background-color: @base;
-    border-radius: 8px;
     padding: 0 12px 0 12px;
-    margin: 5px 5px 5px 0;
+    margin-left: 10px;
+
 }
 
 /* If workspaces is the leftmost module, omit left margin */
@@ -185,18 +186,22 @@ window#waybar.hidden {
 
 #clock {
     color: #eceff4;
+    box-shadow: inset 0 -1px #eceff4;
 }
 
 #custom-date {
     color: #b48ead;
+    box-shadow: inset 0 -1px #b48ead;
 }
 
 #battery {
     color: #ebcb8b;
+    box-shadow: inset 0 -1px #ebcb8b;
 }
 
 #backlight {
-    color: @teal
+    color: @teal;
+    box-shadow: inset 0 -1px @teal;
 }
 
 @keyframes blink {
@@ -222,10 +227,12 @@ label:focus {
 
 #cpu {
     color: #bf616a;
+    box-shadow: inset 0 -1px #bf616a;
 }
 
 #memory {
     color: #a3be8c;
+    box-shadow: inset 0 -1px #a3be8c;
 }
 
 /* #disk {
@@ -246,6 +253,7 @@ label:focus {
 
 #pulseaudio {
     color: @text;
+    box-shadow: inset 0 -1px @text;
 }
 
 
@@ -259,6 +267,7 @@ label:focus {
 
 #tray {
     color: @subtext0;
+    box-shadow: inset 0 -1px @subtext0;
 
 }