1 files changed, 43 insertions, 13 deletions

diff --git a/waybar/style.css b/waybar/style.css
index 6a9d8cc..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 {
@@ -53,7 +54,11 @@ window#waybar.hidden {
 */
 
 #workspaces button.active {
-    background: #EC0101;
+    background: #198844;
+}
+
+#workspaces button.focused {
+    background: #198844;
 }
 
 /*
@@ -85,6 +90,7 @@ window#waybar.hidden {
 #custom-media,
 #custom-launcher,
 #custom-power,
+#custom-battery,
 #custom-layout,
 #custom-updater,
 #custom-snip,
@@ -126,7 +132,7 @@ window#waybar.hidden {
 }
 
 #battery.charging, #battery.plugged {
-    color: #EC0101;
+    color: #198844;
     background-color: #1b1d1c;
 }
 
@@ -154,11 +160,13 @@ label:focus {
 #cpu {
     background-color: #1b1d1c;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #memory {
-    background-color: #EC0101;
+    background-color: #198844;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #disk {
@@ -167,13 +175,14 @@ label:focus {
 }
 
 #backlight {
-    background-color: #EC0101;
+    background-color: #198844;
     color: #ffffff;
 }
 
 #network {
-    background-color: #EC0101;
+    background-color: #198844;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #network.disconnected {
@@ -182,13 +191,14 @@ label:focus {
 }
 
 #wireplumber {
-    background-color: #EC0101;
+    background-color: #198844;
     color: #ffffff;
+    padding-right: 18px;
 }
 
 #wireplumber.muted {
     background-color: #1b1d1c;
-    color: #EC0101;
+    color: #198844;
 }
 
 #custom-media {
@@ -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,30 +307,31 @@ label:focus {
 }
 
 #tray {
-    background-color: transparent;
+    border-radius: 20px;
+    background-color: black;
     color: #ffffff;
 }
 
 #tray > .passive {
     -gtk-icon-effect: dim;
-    background-color: #EC0101;
+    background-color: #198844;
     color: #ffffff;
 }
 
 #tray > .needs-attention {
     -gtk-icon-effect: highlight;
-    background-color: #EC0101;
+    background-color: #198844;
     color: #ffffff;
 }
 
 #idle_inhibitor {
     background-color: #1b1d1c;
     border-radius: 20px 0px 0px 20px;
-
+    padding-right: 18px;
 }
 
 #idle_inhibitor.activated {
-    background-color: #EC0101;
+    background-color: #198844;
     color: #ffffff;
     border-radius: 20px 0px 0px 20px;