From d4619a35722d26a3b289d0c0a5b6662ab5fbd1eb Mon Sep 17 00:00:00 2001
From: Erin Nova <contact@the-system.eu.org>
Date: Fri, 22 Apr 2022 15:44:07 -0400
Subject: [PATCH] Transparency, reverse colours, waybar

---
 .config/waybar/style.css | 89 ++++++++++++++++++++++------------------
 1 file changed, 50 insertions(+), 39 deletions(-)

diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index cf70e6c..4d86635 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,21 +1,19 @@
 * {
-  border: none;
-  font-family: Iosevka Nerd Font, sans-serif;
-  font-size: 13px;
+	border: none;
+	font-family: Iosevka Nerd Font, sans-serif;
+	font-size: 13px;
 }
 
 window#waybar {
-  /* background-color: rgba(18, 21, 29, 0.98); */
-  background-color: #161320;
-  /* background-color: rgba(0, 0, 0, 0); */
-  border-bottom: 3px solid #1A1826;
-  color: #D9E0EE;
-  transition-property: background-color;
-  transition-duration: .5s;
+	/* background-color: rgba(18, 21, 29, 0.98); */
+	background-color: rgba(0, 0, 0, 0);
+	color: #D9E0EE;
+	transition-property: background-color;
+	transition-duration: .5s;
 }
 
 window#waybar.hidden {
-  opacity: 0.2;
+	opacity: 0.2;
 }
 
 #workspaces,
@@ -33,79 +31,90 @@ window#waybar.hidden {
 #battery,
 #network,
 #tray {
-  background-color: #1E1E2E;
-  padding: 0 10px;
-  margin: 2px 4px 5px 4px;
-  border: 3px solid rgba(0, 0, 0, 0);
-  border-radius: 90px;
-  background-clip: padding-box;
+	background-color: #1E1E2E;
+	padding: 0 10px;
+	margin: 2px 4px 5px 4px;
+	border: 3px solid rgba(0, 0, 0, 0);
+	border-radius: 10px;
+	background-clip: padding-box;
+}
+
+#workspaces {
+	 background-color: #161320;
 }
 
 #workspaces button {
-  padding: 0 5px;
-  min-width: 20px;
-  color: #575268;
+	padding: 0 5px;
+	min-width: 20px;
+	color: #302D41;
 }
 
 #workspaces button:hover {
-  background-color: rgba(0, 0, 0, 0.2)
+	background-color: rgba(0, 0, 0, 0.2)
 }
 
 #workspaces button.focused {
-  color: #F2CDCD;
+	color: #F2CDCD;
 }
 
 #workspaces button.urgent {
-  color: #F28FAD;
+	color: #F28FAD;
 }
 
 #cpu {
-  color: #FAE3B0;
+	color: #302D41;
+	background-color: #FAE3B0;
 }
 
 #memory {
-  color: #F5C2E7;
+	color: #302D41;
+	background-color: #F5C2E7;
 }
 
 #temperature {
-  color: #F8BD96;
+	color: #302D41;
+	background-color: #F8BD96;
 }
 
 #temperature.critical {
-  background-color: #F28FAD;
-  color: #1A1826;
+	color: #F28FAD;
+	background-color: #1A1826;
 }
 
 #clock {
-  color: #D9E0EE;
+	background-color: #302D41;
+	color: #D9E0EE;
 }
 
 #pulseaudio {
-  color: #B5E8E0;
+	color: #302D41;
+	background-color: #B5E8E0;
 }
 
 #pulseaudio.muted {
-  background-color: #E8A2AF;
-  color: #1e222a;
+	background-color: #E8A2AF;
+	color: #1e222a;
 }
 
 #backlight {
-  color: #89DCEB;
+	color: #302D41;
+	background-color: #89DCEB;
 }
 
 #battery {
-  color: #ABE9B3;
+	color: #302D41;
+	background-color: #ABE9B3;
 }
 
 #battery.charging, #battery.plugged {
-  background-color: #ABE9B3;
-  color: #1e222a;
+	background-color: #ABE9B3;
+	color: #1e222a;
 }
 
 @keyframes blink {
     to {
-        background-color: #1e222a;
-        color: #F28FAD;
+    	background-color: #1e222a;
+    	color: #F28FAD;
     }
 }
 
@@ -120,10 +129,12 @@ window#waybar.hidden {
 }
 
 #network {
-    color: #DDB6F2;
+	color: #302D41;
+	background-color: #DDB6F2;
 }
 
 #network.disconnected {
     background-color: #F28FAD;
     color: #1e222a;
 }
+