Make bar glyphier

1 files changed, 22 insertions, 1 deletions

diff --git a/config/waybar/style.css b/config/waybar/style.css
index dd53eff..dac1db3 100644
--- a/config/waybar/style.css
+++ b/config/waybar/style.css
@@ -4,7 +4,8 @@
 }
 
 window#waybar {
-  background-color: #0F261F;
+  /* background-color: #0F261F; */
+  background-color: rgba(15, 38, 31, 0.95);
   color: #DAE6E3;
   transition-property: background-color;
   transition-duration: .5s;
@@ -109,3 +110,23 @@ button:hover {
   color: #0F261F;
   background-color: #FAED8F;
 }
+
+#custom-tailscale.connected {
+  color: #0F261F;
+  background-color: #80FFCC;
+}
+
+#custom-tailscale.stopped {
+  color: #0F261F;
+  background-color: #90A6A2;
+}
+
+#custom-mullvad.connected {
+  color: #0F261F;
+  background-color: #FFB4F0;
+}
+
+#custom-mullvad.disconnected {
+  color: #0F261F;
+  background-color: #B5D1CC;
+}