1 files changed, 43 insertions, 111 deletions
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 99be8d7..8955b4e 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -1,127 +1,59 @@
 * {
-	/* `otf-font-awesome` is required to be installed for icons */
-	font-family: 'Source Code Pro', Roboto, Helvetica, Arial, sans-serif;
+	font-family: SauceCodePro Nerd Font,FontAwesome, Roboto, Helvetica, Arial, sans-serif;
 	font-size: 13px;
+	font-weight: bold;
+	color: #ebdbb2;
 }
 
 window#waybar {
-	background-color: #191919;
-	border-bottom: 3px solid #282828;
-	color: #ffffff;
-	transition-property: background-color;
-	transition-duration: .5s;
+	background-color: transparent;
+	/*background-color: #1d2021;*/
 }
 
-window#waybar.hidden {
-	opacity: 0.2;
+#workspaces{
+	background-color: transparent;
+	margin-top: 10px;
+	margin-bottom: 10px;
+	margin-right: 10px;
 }
-
-/*
-window#waybar.empty {
-background-color: transparent;
-}
-window#waybar.solo {
-background-color: #FFFFFF;
+#workspaces button {
+	background-color: #3c3836;
+	border-radius: 20px;
+	font-weight: bolder;
+	margin-left: 5px;
 }
- */
-
-	window#waybar.termite {
-		background-color: #3F3F3F;
-	}
-
-	window#waybar.chromium {
-		background-color: #000000;
-		border: none;
-	}
-
-	#workspaces button {
-		padding: 0 5px;
-		background-color: transparent;
-		color: #ffffff;
-		/* Use box-shadow instead of border so the text isn't offset */
-		box-shadow: inset 0 -3px transparent;
-		/* Avoid rounded borders under each workspace name */
-		border: none;
-		border-radius: 0;
-	}
 
-	/* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
-	#workspaces button:hover {
-		background: rgba(0, 0, 0, 0);
-		box-shadow: inset 0 -3px #547f62;
-	}
-
-	#workspaces button.focused {
-		background-color: #547f62;
-		box-shadow: inset 0 -3px #547f62;
-	}
-
-	#workspaces button.urgent {
-		background-color: #eb4d4b;
-	}
-
-	#mode {
-		background-color: #64727D;
-		border-bottom: 3px solid #ffffff;
-	}
-
-	#clock,
-	#battery,
-	#cpu,
-	#memory,
-	#disk,
-	#temperature,
-	#backlight,
-	#network,
-	#pulseaudio,
-	#custom-media,
-	#language,
-	#tray,
-	#mode,
-	#idle_inhibitor,
-	#mpd {
-		padding: 0 10px;
-		color: #ffffff;
-		background-color: #282828;
-	}
-
-	#window,
-	#workspaces {
-		margin: 0 4px;
-	}
-
-	/* If workspaces is the leftmost module, omit left margin */
-	.modules-left > widget:first-child > #workspaces {
-		margin-left: 0;
-	}
+#workspaces button.active {
+	background-color: #b16286;
+}
 
-	/* If workspaces is the rightmost module, omit right margin */
-	.modules-right > widget:last-child > #workspaces {
-		margin-right: 0;
+@keyframes gradient {
+	0% {
+		background-position: 0% 50%;
 	}
-
-	@keyframes blink {
-		to {
-			background-color: #ffffff;
-			color: #000000;
-		}
+	50% {
+		background-position: 100% 50%;
 	}
-
-	#battery.critical:not(.charging) {
-		background-color: #f53c3c;
-		color: #ffffff;
-		animation-name: blink;
-		animation-duration: 0.5s;
-		animation-timing-function: linear;
-		animation-iteration-count: infinite;
-		animation-direction: alternate;
+	100% {
+		background-position: 0% 50%;
 	}
+}
 
-	#tray > .passive {
-		-gtk-icon-effect: dim;
-	}
+#tray,
+#custom-media,
+#custom-keylock,
+#pulseaudio,
+#memory,
+#cpu,
+#clock,
+#window
+{
+	background-color: #3c3836;
+	border-radius: 20px;
+	margin: 10px 0;
+	padding: 5px 10px;
+}
 
-	#tray > .needs-attention {
-		-gtk-icon-effect: highlight;
-		background-color: #eb4d4b;
-	}
+#custom-keylock {
+	padding: 5px 13px;
+}