waybar: update config

* dogfood mpris module
* update colors

1 files changed, 21 insertions, 10 deletions

diff --git a/.config/waybar/style.css.in b/.config/waybar/style.css.in
index 5735bef..406adb6 100644
--- a/.config/waybar/style.css.in
+++ b/.config/waybar/style.css.in
@@ -15,14 +15,14 @@
 @define-color color14 {{ hex .bright_cyan }};
 @define-color color15 {{ hex .bright_white }};
 
-@define-color accent {{ hex .fuji }};
-@define-color accentdarker {{ hex .futaai }};
+@define-color accent {{ hex .accent }};
+@define-color accentdarker {{ hex .accent_darker }};
 
 @define-color foreground @color07;
 @define-color background {{ rgba .bright_black 0.96 }};
-@define-color dimmed {{ hex (darker .dim_white 0.2) }}; /*@color05;*/
-@define-color dimmeddarker @color00;
-@define-color urgent {{ hex .enji }};
+@define-color dimmed {{ hex (lighter .dim_white 0.4) }};
+@define-color dimmeddarker {{ hex .dim_white }};
+@define-color urgent {{ hex .dim_red }};
 
 * {
   border: none;
@@ -64,7 +64,7 @@ window#waybar.hidden {
   /* border-top: 1px solid @dimmeddarker; */
   padding: 0 0.1rem;
   margin: 0 0.2rem;
-  color: {{ hex .hai }};
+  color: @dimmed;
 }
 
 #cpu:hover,
@@ -129,10 +129,11 @@ window#waybar.hidden {
 }
 
 #mode {
-  font-style: italic;
+  /* font-style: italic; */
   color: @background;
-  background: @color06;
-  border-top: none;
+  background: @color03;
+  margin: 3px 6px;
+  border-radius: 2px;
 }
 
 #clock {}
@@ -225,11 +226,21 @@ label:focus {
 #custom-mpris {
   color: @foreground;
 }
-#custom-mpris.playing {
+#custom-mpris.playing,
+#custom-mpris.paused {
   border-top: 1px solid @color04;
 }
 #custom-mpris.paused {
+  font-style: italic;
+}
+#mpris {
+  color: @foreground;
+}
+#mpris.playing,
+#mpris.paused {
   border-top: 1px solid @color04;
+}
+#mpris.paused {
   font-style: italic;
 }