From 6422daa0d3fb9c12873932929913e05fcd230367 Mon Sep 17 00:00:00 2001
From: duma97 <gptduma@gmail.com>
Date: Sat, 15 Nov 2025 13:22:24 +0400
Subject: [PATCH] Wofi styling changes.

---
 hyprland.conf  |  5 ++++-
 wofi/style.css | 48 +++++++++++++++++++++++++++++++++++++++---------
 2 files changed, 43 insertions(+), 10 deletions(-)

diff --git a/hyprland.conf b/hyprland.conf
index a281689..77e0a39 100644
--- a/hyprland.conf
+++ b/hyprland.conf
@@ -19,9 +19,10 @@ workspace = 9, monitor:eDP-1
 workspace = 10, monitor:eDP-1
 
 # Autostart
-exec-once = waybar
 exec-once = swww-daemon
 exec-once = waypaper --restore
+exec-once = wal -R -n
+exec-once = waybar
 exec-once = hyprctl setcursor Adwaita 24 # Needed on NixOS
 exec-once = mkdir -p $HOME/Pictures/Screenshots
 
@@ -174,7 +175,9 @@ windowrule = move 69.5% 4%, title:^(Picture-in-Picture)$
 # Layer Rules
 layerrule = blur, waybar
 layerrule = ignorealpha 0.5, waybar
+
 layerrule = blur, wofi
+layerrule = ignorealpha 0.2, wofi
 
 
 # Keybindings
diff --git a/wofi/style.css b/wofi/style.css
index 96ffa58..d682de7 100644
--- a/wofi/style.css
+++ b/wofi/style.css
@@ -1,22 +1,43 @@
 * {
     font-family: "CodeNewRoman Nerd Font Propo";
     font-size: 14px;
+    background-image: none;
 }
 
 window {
     margin: 0px;
-    border: 3px solid #89b4fa;
-    background-color: #1e1e2e;
+    border: 3px solid #887671;
+    background-color: #0B0B08;
+    background-image: none;
     border-radius: 15px;
+    animation: slideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+    opacity: 1.0;
+}
+
+@keyframes slideIn {
+    from {
+        opacity: 0;
+        transform: translateY(-30px) scale(0.96);
+    }
+    to {
+        opacity: 1.0;
+        transform: translateY(0) scale(1);
+    }
 }
 
 #input {
     margin: 10px;
     padding: 8px 15px;
     border: none;
-    color: #cdd6f4;
-    background-color: #313244;
+    color: #dad4d1;
+    background-color: #555048;
     border-radius: 10px;
+    transition: all 0.2s ease;
+}
+
+#input:focus {
+    background-color: #645B52;
+    box-shadow: 0 0 10px #887671;
 }
 
 #inner-box {
@@ -37,19 +58,28 @@ window {
 }
 
 #entry {
-    padding: 5px;
+    padding: 8px;
     border-radius: 8px;
+    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    margin: 2px 0;
+}
+
+#entry:hover {
+    background-color: #645B52;
+    transform: translateX(5px);
 }
 
 #entry:selected {
-    background-color: #89b4fa;
-    color: #1e1e2e;
+    background-color: #887671;
+    transform: translateX(8px) scale(1.02);
+    box-shadow: 0 4px 12px #887671;
 }
 
 #text {
-    color: #cdd6f4;
+    color: #dad4d1;
 }
 
 #text:selected {
-    color: #1e1e2e;
+    color: #dad4d1;
+    font-weight: bold;
 }