waybar: add redshift module

1 files changed, 24 insertions, 0 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 0b7016c..6fbbb03 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -26,6 +26,7 @@
 #pulseaudio,
 #custom-media,
 #custom-toggl,
+#custom-redshift,
 #mpd,
 #tray,
 #idle_inhibitor {
@@ -178,6 +179,29 @@ label:focus {
   border-top: 2px solid #DB4D60;
 }
 
+@keyframes flash {
+  50% {
+    background: rgba(255,174,66, 0.7);
+    color: @background;
+  }
+}
+#custom-redshift.night {
+  border-top: 2px solid #ffae42;
+  color: @foreground;
+  animation-name: flash;
+  animation-duration: 0.3s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+}
+#custom-redshift.day {
+  color: @dimmed;
+}
+#custom-redshift.off,
+#custom-redshift.unknown {
+  border-top: 2px solid @urgent;
+  color: @dimmed;
+}
+
 #mpd {
   color: @foreground;
   border-top: 2px solid #d75f00;