wip

.config/waybar/style.css

@@ -6,10 +6,10 @@
     border-radius: 4px;
     /*border-bottom-right-radius: 4px;*/
     /* `ttf-font-awesome` is required to be installed for icons */
-    font-family: Inter;
+    font-family: Inter Display;
 
     /* adjust font-size value to your liking: */
-    font-size: 10px;
+    font-size: 10.5px;
 
     min-height: 0;
     
@@ -17,7 +17,7 @@
 window#waybar {
     background-color: rgba(0, 0, 0, 0.5);
     /* border-bottom: 3px solid rgba(100, 114, 125, 0.5); */
-    color: #ffffff;
+    color: #e0def4;
     /* transition-property: background-color; */
     /* transition-duration: .5s; */
     border-top-left-radius: 0px;
@@ -82,15 +82,17 @@ window#waybar.chromium {
 #backlight,
 #network,
 #pulseaudio,
-#custom-media,
+#custom-winLeft,
+#custom-winRight,
+#custom-overview,
 #tray,
 #mode,
 #idle_inhibitor,
 #custom-power,
 #mpd {
     padding: 0 10px;
-    margin: 6px 3px; 
-    color: #000000;
+    margin: 5px 3px; 
+    color: #e0def4;
 }
 
 #window,
@@ -109,17 +111,18 @@ window#waybar.chromium {
 }
 
 #clock {
-    background-color: @primary-bg;
-    color: white;
+    margin:0px 0px;
+    padding: 0 10px;
+    /* margin-left: 10px; */
+    font-weight: bold;
+    font-size:14px;
 }
 
 #battery {
     background-color: @primary-bg;
-    color: white;
 }
 
 #battery.charging {
-    color: #ffffff;
     background-color: @primary-bg;
 }
 
@@ -132,7 +135,6 @@ window#waybar.chromium {
 
 #battery.critical:not(.charging) {
     background-color: #f53c3c;
-    color: #ffffff;
     animation-name: blink;
     animation-duration: 0.5s;
     animation-timing-function: linear;
@@ -146,22 +148,18 @@ label:focus {
 
 #cpu {
     background-color: @primary-bg;
-    color: #ffffff;
 }
 
 #memory {
     background-color: @primary-bg;
-    color: white;
 }
 
 #backlight {
     background-color: @primary-bg;
-    color:white;
 }
 
 #network {
     background-color: @primary-bg;
-    color:white;
 
 }
 
@@ -171,19 +169,17 @@ label:focus {
 
 #pulseaudio {
     background-color: @primary-bg;
-    color: #ffffff;
 }
 
 #pulseaudio.muted {
     background-color: @primary-bg;
-    color: #ffffff;
 }
 
-#custom-media {
-    background-color: #66cc99;
-    color: #2a5c45;
-    min-width: 100px;
-}
+/* #custom-media { */
+/*     background-color: #66cc99; */
+/*     color: #2a5c45; */
+/*     min-width: 100px; */
+/* } */
 
 #custom-media.custom-spotify {
     background-color: #66cc99;
@@ -194,10 +190,12 @@ label:focus {
 }
 
 #temperature {
+    color:#000000;
     background-color: #9ccfd8;
 }
 
 #temperature.critical {
+    color:#000000;
     background-color: #eb6f92;
 }
 
@@ -240,13 +238,38 @@ label:focus {
 }
 
 #power-profiles-daemon{
-    color: #ffffff;
     padding: 0 10px 0px 7px;
     background-color: @primary-bg;
     margin: 6px 3px;
 
 }
 #custom-power{
-   color: #ffffff;
-    background-color: #26233a;
+    background-color:  @primary-bg;
+    /* margin-left: 10px; */
+}
+#custom-winLeft{
+    background-color: transparent;
+    margin:0px 0px;
+    margin-right: 10px;
+    padding: 0 0px 0px 18px;
+    /* margin-left: 10px; */
+    font-weight: bold;
+    font-size:14px;
+}
+#custom-overview{
+    background-color: transparent;
+    margin:0px 0px;
+    margin-right: 10px;
+    padding: 0 0px 0px 10px;
+    /* margin-left: 10px; */
+    font-weight: bold;
+    font-size:14px;
+}
+#custom-winRight{
+    background-color: transparent;
+    margin:0px 0px;
+    padding: 0 0px;
+    /* margin-left: 10px; */
+    font-weight: bold;
+    font-size:14px;
 }