Regenerated

Droidnix/README.org

@@ -4505,7 +4505,7 @@ This is the default layout for wofi
 /* =========================
    GLOBAL
 ========================= */
-* {
+   * {
     background-color: transparent;
     color: @text;
     font-family: "JetBrainsMono Nerd Font", monospace;

Droidnix/generated/.config/wofi/style.css

@@ -1,12 +1,6 @@
 /* --- This file has been auto-generated. For permanent changes alter the appropriate block in the README.org. --- */
 @import "~/.config/shared/Colors.css";
 
-/*
-@define-color green      #a6e3a1;
-@define-color blue       #89b4fa;
-*/
-
-
 /* =========================
    GLOBAL
 ========================= */
@@ -18,17 +12,24 @@
 }
 
 /* =========================
-   OUTER BORDER (GRADIENT)
+   WINDOW BORDER (RELIABLE)
+   Wofi-safe fake border system
 ========================= */
 
 #window {
     background: linear-gradient(45deg, @blue, @green);
     border-radius: 28px;
 
-    padding: 2px; /* <- THIS becomes the border thickness */
+    padding: 2px; /* border thickness */
+
+    box-shadow:
+        0 10px 30px rgba(0,0,0,0.5);
 }
 
-/* inner panel sits inside border */
+/* =========================
+   INNER CONTAINER
+========================= */
+
 #outer-box {
     background-color: rgba(30, 30, 46, 0.98);
     border-radius: 26px;
@@ -37,27 +38,25 @@
     width: 400px;
 }
 
-/* INNER PANEL */
+/* IMPORTANT:
+   remove duplicate inner styling (this was breaking layout) */
 #inner-box {
-    background: rgba(30, 30, 46, 0.98);
+    background: transparent;
-    border-radius: 24px;
+    padding: 0;
-
+    box-shadow: none;
-    padding: 12px;
-    width: 400px;
-
-    box-shadow:
-        0 0 25px rgba(0,0,0,0.6),
-        0 0 0 1px rgba(255,255,255,0.04);
 }
 
 /* =========================
    INPUT
 ========================= */
+
 #input {
     background-color: @surface0;
     color: @text;
+
     border: 1px solid @surface1;
     border-radius: 18px;
+
     padding: 8px 14px;
     margin-bottom: 10px;
 }
@@ -69,23 +68,26 @@
 /* =========================
    ENTRIES
 ========================= */
+
 #entry {
-    background-color: transparent;
+    background-color: rgba(0, 0, 0, 0.35);
     color: @subtext1;
+
     border-radius: 18px;
     padding: 8px 14px;
     margin: 2px 0;
-    transition: all 0.15s ease;
 }
 
+/* hover / focus */
 #entry:focus {
-    background-color: rgba(0, 0, 0, 0.15);
+    background-color: rgba(0, 0, 0, 0.5);
     color: @lavender;
 }
 
 /* =========================
    SELECTED (GRADIENT)
 ========================= */
+
 #entry:selected {
     background: linear-gradient(45deg, @blue, @green);
     color: @base;
@@ -95,6 +97,7 @@
 /* =========================
    ICONS
 ========================= */
+
 #entry image {
     margin-right: 10px;
     opacity: 0.85;
@@ -103,6 +106,7 @@
 /* =========================
    SCROLLBAR
 ========================= */
+
 #scrollbar {
     background-color: @surface0;
     border-radius: 20px;
@@ -117,6 +121,7 @@
 /* =========================
    PROMPT
 ========================= */
+
 #prompt {
     color: @subtext0;
     margin-right: 6px;