Add window name display to waybar

hyprland/.config/waybar/style.css

@@ -24,7 +24,7 @@ window#waybar {
 	border-radius: 8px;
 }
 
-/* swaywm stuff */
+/* Hypr stuff */
 #workspaces {
 }
 #workspaces button {
@@ -61,17 +61,26 @@ window#waybar {
 	color: #fabd2f;
 	font-weight: bold;
 }
-#mode {
-	background: #fb4934;
-	color: rgba(235, 219, 178, 0.8);
+/* Window and mode display */
+#window {
+	color: rgba(235, 219, 178, 0.4);
 	padding: 0 1em;
+	border-radius: 8px;
+}
+window#waybar.empty #window {
+	/* We do this so it properly hides when on an empty workspace */
+	padding: 0;
+}
+window#waybar.solo #window {
+	/* Nothing */
+}
+window#waybar.floating #window {
+	/* Workspace contains only floating windows */
+	color: rgba(40, 40, 40, 0.8);
+	background: #8ec07c;
 }
 
 /* widgets */
-#window {
-	color: #ebdbb2;
-	padding: 0 1em;
-}
 #pulseaudio {
 	padding: 0 1em;
 	color: #ebdbb2;