From 0e4556accb8b184629c2b0d8ba60cd296e0a1d68 Mon Sep 17 00:00:00 2001
From: Marty Oehme <marty.oehme@gmail.com>
Date: Mon, 6 Dec 2021 11:46:51 +0100
Subject: [PATCH] waybar: Add styler support

Added suport for styler automatic color scheme application.
Corresponding processor16 styler found here:
https://github.com/marty-oehme/baseproc16-default/blob/master/theme_waybar
---
 wayland/.config/waybar/colorscheme.css |  0
 wayland/.config/waybar/style.css       | 44 ++++++++++++--------------
 2 files changed, 21 insertions(+), 23 deletions(-)
 delete mode 100644 wayland/.config/waybar/colorscheme.css

diff --git a/wayland/.config/waybar/colorscheme.css b/wayland/.config/waybar/colorscheme.css
deleted file mode 100644
index e69de29..0000000
diff --git a/wayland/.config/waybar/style.css b/wayland/.config/waybar/style.css
index a34efa1..bbc1e6b 100644
--- a/wayland/.config/waybar/style.css
+++ b/wayland/.config/waybar/style.css
@@ -1,5 +1,3 @@
-/* @import "colorscheme.css"; */
-
 * {
     border: none;
     border-radius: 0;
@@ -8,9 +6,9 @@
 
 window#waybar {
     font-size: 15px;
-    color: #d5c4a1;
-    background-color: #32302f;
-    border-bottom: 1px solid #3c3836;
+    color: @base0F;
+    background-color: @base00;
+    border-bottom: 1px solid @base01;
     transition-property: background-color;
     transition-duration: .5s;
 }
@@ -23,7 +21,7 @@ window#waybar.hidden {
     font-size:17px;
     font-weight:900;
     background-color: transparent;
-    color:  #665c54;
+    color: @base03;
     margin: 0px;
     padding: 0px 5px;
     /* Use box-shadow instead of border so the text isn't offset */
@@ -36,14 +34,14 @@ window#waybar.hidden {
 }
 #tags button.occupied {
     font-weight: 400;
-    color: #d5c4a1;
+    color: @base05;
 }
 #tags button.focused {
     font-weight: 400;
-    color: #83a598;
+    color: @base0D;
 }
 #tags button.urgent {
-    color: #8ec07c;
+    color: @base0C;
 }
 
 #clock,
@@ -65,8 +63,8 @@ window#waybar.hidden {
 #custom-media {
     padding: 0 10px;
     margin: 0 5px;
-    color: #d5c4a1;
-    background-color: #3c3836;
+    color: @base05;
+    background-color: @base01;
 }
 
 /* If workspaces is the leftmost module, omit left margin */
@@ -80,24 +78,24 @@ window#waybar.hidden {
 }
 
 #battery.charging, #battery.plugged {
-    background-color: #504945;
+    background-color: @base02;
 }
 
 #battery.warning {
-    background-color: #fe8019;
-    color: #32302f;
+    background-color: @base09;
+    color: @base00;
 }
 
 @keyframes blink {
     to {
-        background-color: #fb4934;
-        color: #32302f;
+        background-color: @base08;
+        color: @base00;
     }
 }
 
 #battery.critical:not(.charging) {
-    color: #d5c4a1;
-    background-color: #32302f;
+    color: @base05;
+    background-color: @base00;
     animation-name: blink;
     animation-duration: 0.5s;
     animation-timing-function: linear;
@@ -106,12 +104,12 @@ window#waybar.hidden {
 }
 
 #cpu.warning {
-    color: #32302f;
-    background-color: #fabd2f;
+    color: @base00;
+    background-color: @base0A;
 }
 #cpu.critical {
-    color: #d5c4a1;
-    background-color: #fb4934;
+    color: @base05;
+    background-color: @base08;
 }
 
 #custom-archupdates.empty {
@@ -131,7 +129,7 @@ window#waybar.hidden {
 }
 
 #temperature.critical {
-    background-color: #fb4934;
+    background-color: @base08;
 }
 
 #tray > .passive {