feat(all): move to Nord theme

wofi/.config/wofi/config

@@ -1,5 +1,20 @@
-term=kitty -1
-allow-images=true
-image_size=25
-key_expand=Tab
+stylesheet=/home/minhradz/.config/wofi/style.css
+xoffset=0%
+yoffset=0%
+hide_scroll=true
 show=drun
+width=15%
+lines=10
+line_wrap=word
+term=kitty
+allow_markup=true
+always_parse_args=true
+show_all=true
+print_command=true
+layer=overlay
+allow-images=true
+insensitive=true
+prompt=
+image_size=25
+display_generic=true
+key_expand=Tab

wofi/.config/wofi/style.css

@@ -1,63 +1,65 @@
-#window {
-    padding: 2px;
-    background-color: transparent;
-    font-family: JetBrainsMonoMedium Nerd Font Mono;
-}
-
 #entry {
 border-radius: 5px;
-padding: 5px;
-margin-bottom: 5px;
+padding: 7px;
+margin: 0px 5px 0px 5px;
+}
+
+@keyframes fadeIn {
+  from {opacity: 0;}
+  to {opacity: 1;}
 }
 
 #entry:selected {
-background-color: #665C54;
+background-color: #5e81ac;
 }
- 
-#text {
-padding: 5px;
-font-size: 13px;
-color:#FBF1C7;
-background-color: transparent;
-} 
 
 #text:selected {
-    font-size:14px;
-    font-weight:400;
-color: #ffffff;
+color: #d8dee9;
+}
+
+#window {
+background-color: #3b4252;
+background-color: transparent;
+border-radius: 15px;
+font-family: Product Sans;
+animation: fadeIn;
+animation-duration: 0.3s;
 }
- 
 
 #input {
-border: 2px solid #3C3836;
-background-color: #EBDBB2;
-padding: 5px;
-font-size: 13px;
-border-radius: 8px;
-color: #1D2021;
-    box-shadow: 0 0 5px black;
+border: 2px solid #5e81ac;
+background-color: #4c566a;
+padding: 6px;
+margin: 15px;
+margin-bottom: 0px;
+font-size: 16px;
+border-radius: 5px;
 }
 
 #inner-box {
-    margin-top: 10px;
-    color: #d8dee9;
-    padding: 8px;
-    border-radius:8px;
-    border-width: 2px;
-    border:2px solid #BDAE93;
-    background-color: #282828;
-    box-shadow: 0 0 5px black;
+color: #d8dee9;
+padding: 10px;
+padding-top: 5px;
 }
 
 #outer-box {
 margin: 15px;
-background-color: transparent;
+border-radius: 15px;
+background-color: rgba(53,59,73,1.0);
+box-shadow: 0px 0px 5px 0  #0F0F0F;
 }
 
 #scroll {
 margin-top: 10px;
+margin-bottom: 10px;
 }
 
+#text {
+font-size: 16px;
+padding: 7px;
+color: #d8dee9;
+background-color: transparent;
+} 
 
 #img {
   background-color: transparent;