waybar: update config

* dogfood mpris module
* update colors

1 files changed, 20 insertions, 9 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index eb2810e..3ffa9c8 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -11,17 +11,17 @@
 @define-color color10 #24936e;
 @define-color color11 #f7d94c;
 @define-color color12 #2ea9df;
-@define-color color13 #986db2;
+@define-color color13 #b481bb;
 @define-color color14 #81c7d4;
 @define-color color15 #fffffb;
 
-@define-color accent #8b81c3;
+@define-color accent #8a6bbe;
 @define-color accentdarker #70649a;
 
 @define-color foreground @color07;
 @define-color background rgba(12, 12, 12, 0.96);
-@define-color dimmed #404039; /*@color05;*/
-@define-color dimmeddarker @color00;
+@define-color dimmed #5e5e5e;
+@define-color dimmeddarker #434343;
 @define-color urgent #9f353a;
 
 * {
@@ -64,7 +64,7 @@ window#waybar.hidden {
   /* border-top: 1px solid @dimmeddarker; */
   padding: 0 0.1rem;
   margin: 0 0.2rem;
-  color: #828282;
+  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;
 }