feat: adapted waybar to rose-pine

.config/waybar/style.css

@@ -1,16 +1,19 @@
+@define-color primary-bg #191724;
+
+
 * {
     border: none;
     border-radius: 4px;
     /*border-bottom-right-radius: 4px;*/
     /* `ttf-font-awesome` is required to be installed for icons */
-    font-family: "Roboto Mono Medium", Helvetica, Arial, sans-serif;
+    font-family: Inter;
 
     /* adjust font-size value to your liking: */
     font-size: 10px;
 
     min-height: 0;
+    
 }
-
 window#waybar {
     background-color: rgba(0, 0, 0, 0.5);
     /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
@@ -35,11 +38,11 @@ window#waybar.solo {
 */
 
 /* window#waybar.termite {
-    background-color: #000000;
+    background-color: @primary-bg;
 }
 
 window#waybar.chromium {
-    background-color: #000000;
+    background-color: @primary-bg;
     border: none;
 } */
 
@@ -83,6 +86,7 @@ window#waybar.chromium {
 #tray,
 #mode,
 #idle_inhibitor,
+#custom-power,
 #mpd {
     padding: 0 10px;
     margin: 6px 3px; 
@@ -105,18 +109,18 @@ window#waybar.chromium {
 }
 
 #clock {
-    background-color: #000000;
+    background-color: @primary-bg;
     color: white;
 }
 
 #battery {
-    background-color: #000000;
+    background-color: @primary-bg;
     color: white;
 }
 
 #battery.charging {
     color: #ffffff;
-    background-color: #000000;
+    background-color: @primary-bg;
 }
 
 @keyframes blink {
@@ -137,26 +141,26 @@ window#waybar.chromium {
 }
 
 label:focus {
-    background-color: #000000;
+    background-color: @primary-bg;
 }
 
 #cpu {
-    background-color: #000000;
+    background-color: @primary-bg;
     color: #ffffff;
 }
 
 #memory {
-    background-color: #000000;
+    background-color: @primary-bg;
     color: white;
 }
 
 #backlight {
-    background-color: #000000;
+    background-color: @primary-bg;
     color:white;
 }
 
 #network {
-    background-color: #000000;
+    background-color: @primary-bg;
     color:white;
 
 }
@@ -166,12 +170,12 @@ label:focus {
 }
 
 #pulseaudio {
-    background-color: #000000;
+    background-color: @primary-bg;
     color: #ffffff;
 }
 
 #pulseaudio.muted {
-    background-color: #000000;
+    background-color: @primary-bg;
     color: #ffffff;
 }
 
@@ -190,15 +194,15 @@ label:focus {
 }
 
 #temperature {
-    background-color: #f0932b;
+    background-color: #9ccfd8;
 }
 
 #temperature.critical {
-    background-color: #eb4d4b;
+    background-color: #eb6f92;
 }
 
 #tray {
-    background-color: #2980b9;
+    background-color: #26233a;
 }
 
 #idle_inhibitor {
@@ -238,7 +242,11 @@ label:focus {
 #power-profiles-daemon{
     color: #ffffff;
     padding: 0 10px 0px 7px;
-    background-color: #000000;
+    background-color: @primary-bg;
     margin: 6px 3px;
 
 }
+#custom-power{
+   color: #ffffff;
+    background-color: #26233a;
+}