refactor: make wofi a module

modules/wofi/default.nix

@@ -0,0 +1,20 @@
+# Home-manager module
+
+{ nixpkgs-wayland, ... }: {
+  programs = {
+    wofi = {
+      enable = true;
+      package = nixpkgs-wayland.packages.x86_64-linux.wofi;
+      settings = {
+        prompt = "";
+        allow_images = true;
+        normal_window = true;
+        image_size = "48";
+        matching = "fuzzy";
+        insensitive = true;
+        no_actions = true;
+      };
+      style = builtins.readFile ./style.css;
+    };
+  };
+}

modules/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);
+}