waybar: split out colors

1 files changed, 26 insertions, 38 deletions

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 9c0cfc2..dec6cb8 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,28 +1,26 @@
 @define-color color00 #1c1c1c;
-@define-color color01 #e03c8a;
-@define-color color02 #90b44b;
-@define-color color03 #caad5f;
+@define-color color01 #db4d6d;
+@define-color color02 #5dac81;
+@define-color color03 #fad689;
 @define-color color04 #58b2dc;
-@define-color color05 #828282;
-@define-color color06 #e3916e;
+@define-color color05 #b28fce;
+@define-color color06 #78c2c4;
 @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 color08 #0c0c0c;
+@define-color color09 #cb1b45;
+@define-color color10 #24936e;
+@define-color color11 #f7d94c;
+@define-color color12 #2ea9df;
+@define-color color13 #986db2;
+@define-color color14 #81c7d4;
 @define-color color15 #fffffb;
 
-@define-color accent #4e4371;
-@define-color accentdarker #3e355a;
+@define-color accent #8b81c3;
+@define-color accentdarker #70649a;
 
 @define-color foreground @color07;
-@define-color background rgba(15,15,15, 0.96);
-/* @define-color dimmed #777777; */
-/* @define-color dimmeddarker #302a29; */
-@define-color dimmed #434343; /*@color05;*/
+@define-color background rgba(12, 12, 12, 0.96);
+@define-color dimmed #404039; /*@color05;*/
 @define-color dimmeddarker @color00;
 @define-color urgent #9f353a;
 
@@ -65,19 +63,7 @@ window#waybar.hidden {
   /* border-top: 1px solid @dimmeddarker; */
   padding: 0 0.1rem;
   margin: 0 0.2rem;
-  color: @foreground;
-}
-
-#cpu,
-#memory,
-#disk,
-#temperature,
-#idle_inhibitor,
-#backlight,
-#custom-gammastep,
-#network.tailscale,
-#custom-covid {
-  color: #777777;
+  color: #828282;
 }
 
 #cpu:hover,
@@ -90,7 +76,6 @@ window#waybar.hidden {
 #custom-mpris:hover,
 #custom-gammastep:hover,
 #custom-todo:hover {
-  /* background: red; */
   color: @foreground;
   transition-property: background;
   transition-duration: 0.1s;
@@ -139,11 +124,9 @@ window#waybar.hidden {
 
 #clock {}
 #clock.local {
-  /* margin-right: 0; */
-  /* padding-right: 0; */
+  color: @foreground;
 }
 #clock.utc {
-  color: @dimmed;
 }
 
 #disk.root {}
@@ -155,7 +138,7 @@ window#waybar.hidden {
 #battery {}
 #battery.charging {
   color: @background;
-  background: @color09;
+  background: @color10;
 }
 @keyframes blink {
   to {
@@ -189,11 +172,16 @@ label:focus {
   color: @dimmed;
 }
 #network.tailscale.disabled,
-#network.tailscale.disconnected {
+#network.tailscale.disconnected,
+#network.mullvad.disabled,
+#network.mullvad.disconnected {
   border-top: 1px solid @dimmeddarker;
 }
+
 #network.tailscale.ethernet,
-#network.tailscale.linked {
+#network.tailscale.linked,
+#network.mullvad.ethernet,
+#network.mullvad.linked {
   color: @foreground;
   border-top: 1px solid @color14;
 }