feat(wofi): adapt css and config

config/hypr/scripts/lose-focus.sh

@@ -1,16 +0,0 @@
-#!/usr/bin/env bash
-
-while true
-do
-	while killall -0 .blueman-manage > /dev/null 2>&1
-	do
-		if bluetoothctl show | grep Powered | grep -q yes; then
-			if [[ $(hyprctl activewindow | grep blueman-manager) == "" && $(hyprctl clients | grep blueman-manager) != "" ]]; then
-				killall .blueman-manage
-        	        	break
-        		fi
-        		sleep 0.1
-        	fi
-	done
-	sleep 0.1
-done

config/wofi/style.css

@@ -0,0 +1,92 @@
+/* https://github.com/dracula/wofi/blob/master/style.css */
+* {
+  font-size: 16px;
+}
+
+window,
+undershoot {
+  all: unset;
+}
+
+#input {
+  all: unset;
+  border-radius: 9px;
+  color: #f8f8f2;
+  background-color: rgba(#44475a, 0.6);
+  border: 1px solid #44475a;
+  padding: 8px;
+  margin: 16.2px;
+  margin-bottom: 0;
+}
+
+#outer-box {
+  all: unset;
+  box-shadow: 0 0 4.5px 0 rgba(0, 0, 0, 0.6);
+  border: 2px solid rgba(189, 147, 249, 0.8);
+  border-radius: 25px;
+  background-color: rgba(40, 42, 54, 0.8);
+  color: #f8f8f2;
+  padding: 16.2px;
+}
+
+#inner-box {
+  padding: 16.2px;
+  min-width: 500px;
+  min-height: 450px;
+}
+
+#scroll scrollbar, #scroll scrollbar * {
+  all: unset;
+}
+
+#scroll scrollbar {
+  transition: 200ms;
+  background-color: rgba(23, 23, 23, 0.3);
+
+  &:hover {
+    background-color: rgba(23, 23, 23, 0.7);
+  }
+}
+#scroll scrollbar.vertical:hover slider {
+  background-color: rgba(238, 238, 238, 0.7);
+  min-width: .6em;
+}
+#scroll scrollbar.horizontal:hover slider {
+  background-color: rgba(238, 238, 238, 0.7);
+  min-height: .6em;
+}
+#scroll .vertical slider {
+  background-color: rgba(238, 238, 238, 0.5);
+  border-radius: 9px;
+  min-width: .4em;
+  min-height: 2em;
+  transition: 200ms;
+}
+#scroll .horizontal slider {
+  background-color: rgba(238, 238, 238, 0.5);
+  border-radius: 9px;
+  min-height: .4em;
+  min-width: 2em;
+  transition: 200ms;
+}
+
+#entry {
+  all: unset;
+  padding: 9px;
+}
+
+#entry image, #entry label {
+  all: unset;
+}
+ #entry image {
+  margin-right: 9px;
+}
+
+#entry:selected {
+  background-color: rgba(189, 147, 249, 0.5);
+  border-radius: 9px;
+  box-shadow: inset 0 0 0 3px rgba(238, 238, 238, 0.03);
+}
+#entry:selected image {
+  -gtk-icon-shadow: 3px 3px rgba(0, 0, 0, 0.8);
+}

nixos/home/dotfiles.nix

@@ -41,72 +41,13 @@ in
       settings = {
         prompt = "";
         allow_images = true;
+        normal_window = true;
         image_size = "48";
         matching = "fuzzy";
         insensitive = true;
-        normal_window = true;
-        height = "620";
+        no_actions = true;
       };
-      style = ''
-        /* https://github.com/dracula/wofi/blob/master/style.css */
-        window {
-          margin: 0px;
-          border: 1px solid #bd93f9;
-          border-bottom: none;
-          border-radius: 30px;
-          background-color: #282a36;
-        }
-
-        #input {
-          margin: 5px;
-          border: none;
-          color: #f8f8f2;
-          background-color: #44475a;
-        }
-
-        #inner-box {
-          margin: 5px;
-          border: none;
-          background-color: #282a36;
-        }
-
-        #outer-box {
-          margin: 5px;
-          padding: 10px 10px 0px 10px;
-          border: none;
-          border-radius: 30px;
-          background-color: #282a36;
-        }
-
-        #scroll {
-          margin: -4px 0px -7px 0px;
-          border: none;
-        }
-
-        #text {
-          margin: 5px;
-          border: none;
-          color: #f8f8f2;
-        }
-
-        #entry.activatable #text {
-          color: #282a36;
-        }
-
-        #entry > * {
-          color: #f8f8f2;
-          padding: 4px 0px 0px 0px;
-        }
-
-        #entry:selected {
-          background-color: #44475a;
-          outline: none;
-        }
-
-        #entry:selected #text {
-          font-weight: bold;
-        }
-      '';
+      style = builtins.readFile ../../config/wofi/style.css;
     };
 
     alacritty = {