some small tweak

config/hypr/configs/WindowRules.conf

@@ -6,6 +6,7 @@ windowrule = float, nm-connection-editor|blueman-manager
 windowrule = float, pavucontrol
 windowrule = float, nwg-look|qt5ct|mpv
 windowrule = float, onedriver|onedriver-launcher
+windowrule = float, viewnior|swayimg
 windowrule = float, zoom
 windowrule = float, rofi
 windowrule = float, gnome-system-monitor

config/waybar/style/style-pywal.css

@@ -10,15 +10,10 @@ margin-top: 1px;
 margin-bottom: 1px;
 }
 
-
 @import '../../.cache/wal/colors-waybar.css';
 
 window#waybar {
-    background: rgba(0, 0, 0, 0);
+	background: transparent;
-}
-
-window#waybar.hidden {
-    opacity: 0.5;
 }
 
 window#waybar.empty {
@@ -29,62 +24,68 @@ window#waybar.empty #window {
 	padding: 0px;
 	margin: 0px;
 	border: 0px;
-    /*  background-color: rgba(66,66,66,0.5); */ /* transparent */
 	background-color: transparent;
 }
 
+window > box {
+	background: rgba(0, 0, 0, 0);
+	border-bottom: 1px solid rgba(0, 0, 0, 0);
+	color: @foreground;
+}
+
+window {
+	/*font-weight: bold;*/
+}
+
 tooltip {
-    background: rgba(0, 0, 0, 0.6);
+	background: rgba(0, 0, 0, 0.4);
+	opacity: 0.8;
 	border-radius: 10px;
+	border-width: 2px;
+	border-style: solid;
+	border-color: @color15;
 }
 
-tooltip label {
+tooltip label{
-    color: @color11;
+	color: @foreground;
-    margin-right: 2px;
-    margin-left: 2px;
 }
-
 /*-----module groups----*/
 .modules-right {
 	background-color: rgba(0, 0, 0, 0.4);
-    border: 0px solid #b4befe;
+	border: 0.5px solid @color15;
 	border-radius: 10px;
 }
-
 .modules-center {
 	background-color: rgba(0, 0, 0, 0.4);
-    border: 0px solid #b4befe;
+	border: 0.5px solid @color15;
 	border-radius: 10px;
 }
-
 .modules-left {
 	background-color: rgba(0, 0, 0, 0.4);
-    border: 0px solid #b4befe;
+	border: 0.5px solid @color15;
 	border-radius: 10px;
-    
 }
+/*-----modules indv----*/
 
 #workspaces button {
-    color: @color11;
+	color: @color1;
+	padding: 0px 0px;
+	background-color: rgba(0, 0, 0, 0);
+	transition: all 0.3s ease-in-out;
 }
-
+#workspaces button:hover {
-#workspaces button.active {
+	box-shadow: inherit;
-    color: @color2;
+	background-color: @color2;
-    border-radius: 15px 15px 15px 15px;
 }
 
 #workspaces button.focused {
-    color: @color1;
+	background-color: rgba(0,85,102,0);
-}
-
-#workspaces button.urgent {
-    color: #11111b;
-    border-radius: 10px;
 }
+#workspaces button.active {
+	color: @foreground;
+	/*background-color: rgba(0,85,102,0.3);*/
+	transition: all 0.3s ease-in-out;
 
-#workspaces button:hover {
-    color: @color5;
-    border-radius: 15px;
 }
 
 #backlight,
@@ -130,13 +131,35 @@ tooltip label {
 #custom-weather.showyIcyDay,
 #custom-weather.snowyIcyNight,
 #custom-weather.sunnyDay {
-    color: @color11;
+	padding: 0px 6px;
-    padding: 1px 4px;
+}
-    border-radius: 8px;
+#mode {
+	color: #cc3436;
+	font-weight: bold;
+}
+#custom-power {
+	/*background-color: rgba(0,119,179,0.6);*/
+	/*border-radius: 50px;*/
+	margin: 5px 5px;
+	padding: 1px 3px;
+}
+/*-----Indicators----*/
+#idle_inhibitor.activated {
+	color: #2dcc36;
+}
+#pulseaudio.muted {
+	color: #cc3436;
+}
+#pulseaudio-microphone.muted {
+	color: #cc3436;
 }
-
 #temperature.critical {
-    background-color: #ff0000;
+	color: #cc3436;
+}
+
+#waybar {
+	background-color: @color14;
+	color: @color3;
 }
 
 @keyframes blink {
@@ -145,10 +168,6 @@ tooltip label {
 	}
 }
 
-#taskbar button.active {
-    background-color: #7f849c;
-}
-
 #battery.critical:not(.charging) {
 	color: #f53c3c;
 	animation-name: blink;
@@ -157,3 +176,10 @@ tooltip label {
 	animation-iteration-count: infinite;
 	animation-direction: alternate;
 }
+
+#taskbar button.active {
+	background-color: #7f849c;
+}
+#waybar.empty, #waybar.tiled, #waybar.floating {
+	background-color: transparent;
+}