waybar: update 2021-02-11T12:46:11Z

1 files changed, 81 insertions, 64 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 9e41694..d28b142 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,10 +1,30 @@
-@define-color foreground #fffefe;
-@define-color background #221e1d;
+@define-color color00 #1c1c1c;
+@define-color color01 #e03c8a;
+@define-color color02 #90b44b;
+@define-color color03 #caad5f;
+@define-color color04 #58b2dc;
+@define-color color05 #828282;
+@define-color color06 #e3916e;
+@define-color color07 #bdc0ba;
+@define-color color08 #535953;
+@define-color color09 #86c166;
+@define-color color10 #ddd23b;
+@define-color color11 #b28fce;
+@define-color color12 #ffb11b;
+@define-color color13 #66bab7;
+@define-color color14 #77969a;
+@define-color color15 #fffffb;
+
 @define-color accent #4e4371;
 @define-color accentdarker #3e355a;
-@define-color dimmed #777777;
-@define-color dimmeddarker #302a29;
-@define-color urgent #db4d6d;
+
+@define-color foreground @color07;
+@define-color background @color00;
+/* @define-color dimmed #777777; */
+/* @define-color dimmeddarker #302a29; */
+@define-color dimmed @color05;
+@define-color dimmeddarker #292929;
+@define-color urgent #9f353a;
 
 * {
   border: none;
@@ -22,22 +42,36 @@
 #disk,
 #temperature,
 #backlight,
+#idle_inhibitor,
 #network,
 #pulseaudio,
-#custom-mpd,
-#custom-mpv,
-#custom-spotify,
 #custom-toggl,
-#custom-redshift,
+#custom-gammastep,
 #custom-weather,
-#mpd,
-#tray,
-#idle_inhibitor {
+#custom-mpris,
+#custom-todo,
+#tray {
   border-top: 2px solid @dimmeddarker;
   padding: 0 0.3rem;
   margin: 0 0.25rem;
   color: @foreground;
 }
+#cpu:hover,
+#memory:hover,
+#backlight:hover,
+#idle_inhibitor:hover,
+#network:hover,
+#network.vpn:hover,
+#network.tailscale:hover,
+#pulseaudio:hover,
+#custom-mpris:hover,
+#custom-gammastep:hover,
+#custom-todo:hover {
+  background: red;
+  color: @foreground;
+  transition-property: background;
+  transition-duration: 0.1s;
+}
 
 #workspaces button {
   padding: 0 5px;
@@ -46,6 +80,7 @@
   /* border-bottom: 3px solid transparent; */
 }
 #workspaces button.focused {
+  font-weight: bold;
   color: @foreground;
   background: @accentdarker;
   transition-property: background;
@@ -88,8 +123,9 @@ window#waybar.solo {}
 
 #mode {
   font-style: italic;
-  background: #64727d;
-  border-top: 2px solid @foreground;
+  color: @background;
+  background: @color06;
+  border-top: none;
 }
 
 #clock {}
@@ -109,8 +145,8 @@ window#waybar.solo {}
 
 #battery {}
 #battery.charging {
-  color: @foreground;
-  background: #26a65b;
+  color: @background;
+  background: @color09;
 }
 @keyframes blink {
   to {
@@ -119,8 +155,8 @@ window#waybar.solo {}
   }
 }
 #battery.critical:not(.charging) {
-  background: #f53c3c;
   color: @foreground;
+  background: @urgent;
   animation-name: blink;
   animation-duration: 0.5s;
   animation-timing-function: linear;
@@ -147,17 +183,13 @@ label:focus {
   border-top: 2px solid @dimmeddarker;
 }
 #network.vpn:not(.disconnected) {
-  border-top: 2px solid #c476ff;
-  /* background: #c476ff; */
-  /* color: @dimmeddarker; */
+  border-top: 2px solid @color11;
 }
 #network.tailscale.disconnected {
   border-top: 2px solid @dimmeddarker;
 }
 #network.tailscale:not(.disconnected) {
-  border-top: 2px solid #497e7a;
-  /* background: #497e7a; */
-  /* color: @dimmeddarker; */
+  border-top: 2px solid @color14;
 }
 #pulseaudio {}
 #pulseaudio.muted {
@@ -167,7 +199,8 @@ label:focus {
 
 #temperature {}
 #temperature.critical {
-  background: #eb4d4b;
+  background: @urgent;
+  border-top: none;
 }
 
 #tray {}
@@ -177,32 +210,32 @@ label:focus {
 }
 #idle_inhibitor.activated {
   color: unset;
-  border-top: 2px solid #7a8530;
+  border-top: 2px solid @color02;
 }
 
-#custom-mpd,
-#custom-mpv,
-#custom-spotify {
+#custom-mpris {
   min-width: 100px;
   color: @foreground;
-  border-top: 2px solid #628aaa;
-}
-#custom-mpd.paused,
-#custom-mpv.paused,
-#custom-spotify.paused {
-  color: @dimmed;
-}
-#custom-spotify {
-  border-top: 2px solid #1DB954;
-}
-#custom-mpv {
-  border-top: 2px solid #520053;
+  border-top: 2px solid @color04;
 }
 
 #custom-toggl {
   color: @foreground;
-  /* background: #DB4D6D; */
-  border-top: 2px solid #DB4D60;
+  border-top: 2px solid @urgent;
+}
+
+#custom-todo.off {
+  color: red;
+  border-top: 2px solid @dimmeddarker;
+}
+#custom-todo.on {
+  color: @foreground;
+  font-weight: bold;
+  border-top: none;
+  padding: 0 0.6rem 0 0.4rem;
+}
+#custom-todo.work {
+  background: @urgent;
 }
 
 @keyframes flash {
@@ -211,19 +244,19 @@ label:focus {
     color: @background;
   }
 }
-#custom-redshift.night {
-  border-top: 2px solid #97822e;
+#custom-gammastep.night {
+  border-top: 2px solid @color12;
   color: @foreground;
   animation-name: flash;
   animation-duration: 0.3s;
   animation-timing-function: linear;
   animation-iteration-count: 1;
 }
-#custom-redshift.day {
+#custom-gammastep.day {
   color: @dimmed;
 }
-#custom-redshift.off,
-#custom-redshift.unknown {
+#custom-gammastep.off,
+#custom-gammastep.unknown {
   border-top: 2px solid @urgent;
   color: @dimmed;
 }
@@ -232,21 +265,5 @@ label:focus {
   color: @dimmed;
 }
 #custom-weather.sunny {
-  /* color: rgba(255,206,66, 0.4); */
-}
-
-#mpd {
-  color: @foreground;
-  border-top: 2px solid #d75f00;
-}
-#mpd.disconnected {
-  margin: 0;
-  padding: 0;
-}
-#mpd.stopped {
-  margin: 0;
-  padding: 0;
-}
-#mpd.paused {
-  border-top: 2px solid #8b3d00;
+  color: rgba(255,255,0, 0.6);
 }