Waybar style improvements, add bluetooth

1 files changed, 24 insertions, 4 deletions

diff --git a/config/waybar/style.css b/config/waybar/style.css
index 31aa341..64600b4 100644
--- a/config/waybar/style.css
+++ b/config/waybar/style.css
@@ -4,14 +4,15 @@
 }
 
 window#waybar {
-  background-color: #FFFFFA;
   color: #0F261F;
+  background: rgba(0,0,0,0);
   transition-property: background-color;
   transition-duration: .5s;
 }
 
 #waybar > box {
   border-bottom: 1px solid #000000;
+  background-color: #FFFFFA;
 }
 
 window #waybar.hidden {
@@ -19,18 +20,19 @@ window #waybar.hidden {
 }
 
 button {
+    border: 0;
     border-radius: 0;
+    padding: 0 8px;
     transition-property: background-color;
     transition-duration: .1s;
 }
 
 button:hover {
-    background: #4F8FE6;
+    box-shadow: none;
 }
 
 #workspaces button {
     color: #8096A2;
-    padding: 0 8px;
     background-color: transparent;
 }
 
@@ -51,6 +53,7 @@ button:hover {
 
 #clock,
 #battery,
+#bluetooth,
 #cpu,
 #memory,
 #disk,
@@ -66,6 +69,7 @@ button:hover {
 #idle_inhibitor,
 #scratchpad,
 #power-profiles-daemon,
+#language,
 #mpd {
     padding: 0 8px;
 }
@@ -85,7 +89,7 @@ button:hover {
 }
 
 #power-profiles-daemon {
-  padding-right: 10px;
+  padding: 0 9px;
 }
 
 #power-profiles-daemon.performance {
@@ -110,13 +114,25 @@ button:hover {
 
 #idle_inhibitor.activated {
     background: #4F8FE6;
+    color: #FFF;
+}
+
+#language {
+  color: #0F261F;
+  background-color: #FFFFFF;
 }
+
 #mpd {
   color: #0F261F;
   background-color: #FAED8F;
   margin-right: 8px;
 }
 
+#custom-mullvad,
+#custom-tailscale {
+  padding: 0 2px;
+}
+
 #custom-tailscale.connected {
   color: #0F261F;
   background-color: #80FFCC;
@@ -127,6 +143,10 @@ button:hover {
   background-color: #90A6A2;
 }
 
+#custom-mullvad {
+  padding-bottom: 3px;
+}
+
 #custom-mullvad.connected {
   color: #0F261F;
   background-color: #FFB4F0;