1 files changed, 33 insertions, 3 deletions

diff --git a/waybar/style.css b/waybar/style.css
index 6c22341..04a1c3e 100644
--- a/waybar/style.css
+++ b/waybar/style.css
@@ -3,7 +3,7 @@
     margin: 0px;
     border-radius: 0px;
     /* `otf-font-awesome` is required to be installed for icons */
-    font-family: mononoki Nerd Font Mono;
+    font-family: JetBrainsMono Nerd Font;
     font-size: 18px;
     min-height: 0px;
     min-width: 0px;
@@ -14,6 +14,7 @@ window#waybar {
     color: #ffffff;
     transition-property: background-color;
     transition-duration: .5s;
+    background: rgba(0, 0, 0, 0.4);
 }
 
 window#waybar.hidden {
@@ -56,6 +57,10 @@ window#waybar.hidden {
     background: #198844;
 }
 
+#workspaces button.focused {
+    background: #198844;
+}
+
 /*
 #workspaces button.active:hover {
     background: #6e3c85;
@@ -85,6 +90,7 @@ window#waybar.hidden {
 #custom-media,
 #custom-launcher,
 #custom-power,
+#custom-battery,
 #custom-layout,
 #custom-updater,
 #custom-snip,
@@ -154,11 +160,13 @@ label:focus {
 #cpu {
     background-color: #1b1d1c;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #memory {
     background-color: #198844;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #disk {
@@ -174,6 +182,7 @@ label:focus {
 #network {
     background-color: #198844;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #network.disconnected {
@@ -184,6 +193,7 @@ label:focus {
 #wireplumber {
     background-color: #198844;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #wireplumber.muted {
@@ -211,7 +221,26 @@ label:focus {
     background-color: #1b1d1c;
     font-size: 18px;
     margin-right: 5px;
+}
+
+#custom-battery{
+    background-color: #1b1d1c;
+    font-size: 18px;
+}
 
+#custom-battery.battery_low{
+    background-color: yellow;
+    color: #1b1d1c;
+}
+
+#custom-battery.battery_crit{
+    background-color: red;
+    color: #1b1d1c;
+}
+
+#custom-battery.battery_charging{
+    background-color: #1d1b1c;
+    color: #198844;
 }
 
 #custom-launcher{
@@ -278,7 +307,8 @@ label:focus {
 }
 
 #tray {
-    background-color: transparent;
+    border-radius: 20px;
+    background-color: black;
     color: #ffffff;
 }
 
@@ -297,7 +327,7 @@ label:focus {
 #idle_inhibitor {
     background-color: #1b1d1c;
     border-radius: 20px 0px 0px 20px;
-
+    padding-right: 18px;
 }
 
 #idle_inhibitor.activated {