Add waybar and wofi styling

config/wofi/config

@@ -1,12 +1,16 @@
 show=drun
 show_all=true
-location=center
-insensitive=false
+
 allow_markup=true
 allow_images=true
-line_wrap=word
-lines=8
+
+location=center
 width=500
-no_actions=true
-prompt= Search
+height=500
+layer=overlay
 hide_scroll=true
+
+line_wrap=word
+no_actions=true
+insensitive=false
+prompt=Search

config/wofi/style.css

@@ -1,84 +1,62 @@
 *
 {
-  font-family: Maple Mono;
-  background: transparent;
-  color: #d8cab8;
+  font-family: FiraCode Nerd Font Mono;
 }
 
-#window
+window
 {
-  color: #d8cab8;
-  border-color: #d8cab8;
-  border-style: solid;
-  border-width: 1px;
-
-  background-image: linear-gradient(to bottom, #141216 100%);
-  border-radius: 14px;
-}
-
-#scroll
-{
-  border-top-style: solid;
-  border-width: 1px;
-  border-color: #d8cab8;
-}
-
-#inner-box
-{
-  padding-top: 12px;
-}
-
-#entry
-{
-  border-style: none;
-  border-color: #d8cab8;
-  color: #d8cab8;
-  padding: 6px;
-  margin-bottom: 8px;
-  margin-left: 12px;
-  margin-right: 12;
-
-  border-radius: 12px;
-}
-
-#entry:selected
-{
-  background: #27232b;
-  color: #d8cab8;
-  font-weight: bold;
-  outline: none;
+  margin: 0px;
+  border: 1px solid #ffffff;
+  background-color: #1d1d1d;
+  border-radius: 5px;
 }
 
 #input
 {
-  background-color: #141216;
-  color: #d8cab8;
-  border-color: #d8cab8;
-
-  border-style: none;
-  border-bottom-style: solid;
-  border-width: 1px;
-
-  font-style: normal;
-
-  border-radius: 8;
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-
-  padding: 12px;
-  margin: 8px;
+  margin: 5px;
+  border: none;
+  color: #deddda;
+  background-color: #272e33;
 }
 
-#input:focus
+#inner-box
 {
-  background: #27232b;
-  background-color: #27232b;
-  border-color: #ac82e9;
-  font-style: italic;
+  margin: 5px;
+  border: none;
+}
+
+#outer-box
+{
+  margin: 5px;
+  border: none;
+}
+
+#scroll
+{
+  margin: 0px;
+  border: none;
+}
+
+#text
+{
+  margin: 5px;
+  border: none;
+  color: #deddda;
+}
+
+#entry
+{
+  border-radius: 3px;
+  padding: 8px;
+}
+
+#entry:selected
+{
+  background-color: #272e33;
+  font-weight: bold;
 }
 
 #img
 {
-  padding: 4px;
-  margin-right: 6px;
+  margin-right: 5px;
 }