Update waybar look

2 files changed, 16 insertions, 8 deletions

diff --git a/config/waybar/config.jsonc b/config/waybar/config.jsonc
index 52b233f..cc7c62e 100644
--- a/config/waybar/config.jsonc
+++ b/config/waybar/config.jsonc
@@ -154,5 +154,11 @@
     "tooltip": true,
     "return-type": "json",
     "interval": 3,
+  },
+  "tray": {
+    "spacing": 5,
+    "icons": {
+      "bitwarden": "/home/rbdr/.local/share/icons/Iconoir/pentagon.png",
+    }
   }
 }
diff --git a/config/waybar/style.css b/config/waybar/style.css
index 9d0e637..31aa341 100644
--- a/config/waybar/style.css
+++ b/config/waybar/style.css
@@ -10,13 +10,15 @@ window#waybar {
   transition-duration: .5s;
 }
 
+#waybar > box {
+  border-bottom: 1px solid #000000;
+}
+
 window #waybar.hidden {
   opacity: 0.2;
 }
 
 button {
-    /* Use box-shadow instead of border so the text isn't offset */
-    border: none;
     border-radius: 0;
     transition-property: background-color;
     transition-duration: .1s;
@@ -137,27 +139,27 @@ button:hover {
 
 menu {
   background-color: #FFFFFF;
-  border: none;
+  border: 1px solid #000000;
   border-radius: 8px;
   transition-property: background-color;
   transition-duration: .1s;
-  padding: 0;
+  padding: 2px;
 }
 
 menuitem {
   color: #0F261F;
-  border: none;
   border-radius: 0px;
-  padding: 5px 0;
+  padding: 5px;
 }
 menuitem:hover {
   background: #4F8FE6;
+  color: #FFFFFF;
 }
 menuitem:first-child {
-  border-radius: 8px 8px 0px 0px;
+  border-radius: 7px 7px 0px 0px;
 }
 menuitem:last-child {
-  border-radius: 0px 0px 8px 8px;
+  border-radius: 0px 0px 7px 7px;
 }
 menu separator {
   margin: 5px 0;