wofi

wofi/config

@@ -1,15 +1,16 @@
-width=600
-height=350
-location=center
-show=drun
-prompt=Search...
+width=33%
+height=300
+lines=6
+mode=drun
 filter_rate=100
-allow_markup=true
-no_actions=true
-halign=fill
-orientation=vertical
-content_halign=fill
+matching=contains
 insensitive=true
+term=kitty
 allow_images=true
-image_size=40
-gtk_dark=true
+parse_search=true
+allow_markup=true
+dmenu-parse_action=true
+drun-display_generic=true
+key_down=Tab
+key_expand=Right
+key_forward=Down

wofi/style.css

@@ -1,75 +1,65 @@
 window {
-    margin: 0px;
-    border: 5px solid #1e1e2e;
-    background-color: #cdd6f4;
-    border-radius: 15px;
-}
-
-#input {
-    padding: 4px;
-    margin: 4px;
-    padding-left: 20px;
-    border: none;
-    color: #cdd6f4;
-    font-weight: bold;
-    background-color: #1e1e2e;
-   	outline: none;
-    border-radius: 15px;
-    margin: 10px;
-    margin-bottom: 2px;
-}
-#input:focus {
-    border: 0px solid #1e1e2e;
-    margin-bottom: 0px;
-}
-
-#inner-box {
-    margin: 4px;
-    border: 10px solid #1e1e2e;
-    color: #cdd6f4;
-    font-weight: bold;
-    background-color: #1e1e2e;
-    border-radius: 15px;
+margin: 5px;
+background-color: #181926;
+opacity: 0.9;
+border-radius: 10;
 }
 
 #outer-box {
-    margin: 0px;
-    border: none;
-    border-radius: 15px;
-    background-color: #1e1e2e;
+margin: 5px;
+/* border: 2px solid @maroon; */
+background-color: #1e2030;
+border-radius: 10;
+}
+
+#input {
+margin: 2px;
+border: 2px solid #b7bdf8;
+background-color: #363a4f;
+color: #f8f8f2;
+font-size: 18px;
+}
+
+#inner-box {
+/* margin: 5px; */
+background-color: #24273a;
 }
 
 #scroll {
-    margin-top: 5px;
-    border: none;
-    border-radius: 15px;
-    margin-bottom: 5px;
-    /* background: rgb(255,255,255); */
+margin: 2px;
+border: 2px solid #f5bde6;
+background-color: #24273a;
+font-size: 16px;
+color: #f8f8f2;
+border-radius: 10;
 }
 
-#img:selected {
-    background-color: #89b4fa;
-    border-radius: 15px;
-}
-
-#text:selected {
-    color: #cdd6f4;
-    margin: 0px 0px;
-    border: none;
-    border-radius: 15px;
-    background-color: #89b4fa;
+#scroll label {
+margin: 2px 0px;
 }
 
 #entry {
-    margin: 0px 0px;
-    border: none;
-    border-radius: 15px;
-    background-color: transparent;
+margin: 0px 2px;
+background-color: #24273a;
+border: 2px;
+}
+#entry:selected {
+background-color: #494d64;
+/* border: 2px solid @mauve; */
 }
 
-#entry:selected {
-    margin: 0px 0px;
-    border: none;
-    border-radius: 15px;
-    background-color: #89b4fa;
+#img {
+margin: 5px;
+}
+#img:selected {
+background-color: #494d64;
+}
+
+#text {
+margin: 5px;
+border: none;
+color: @text;
+}
+#text:selected {
+background-color: #494d64;
 }