Regenerated

Droidnix/README.org

@@ -4501,67 +4501,137 @@ prompt = > ...
 This is the default layout for wofi
 #+BEGIN_SRC css :tangle generated/.config/wofi/style.css :noweb yes :mkdirp yes :eval never
 @import "~/.config/shared/Colors.css";
+@import "~/.config/shared/Colors.css";
 
-        * {
+/* =========================
+   GLOBAL
+========================= */
+   * {
     background-color: transparent;
     color: @text;
     font-family: "JetBrainsMono Nerd Font", monospace;
     font-size: 12pt;
 }
 
-#main {
-    background-color: @base;
-    border: 1px solid @surface0;
-    border-radius: 30px; /* Rounded corners */
-    padding: 20px;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+/* =========================
+   WINDOW BORDER (STABLE)
+========================= */
+
+#window {
+    background: linear-gradient(45deg, @blue, @green);
+    border-radius: 28px;
+    padding: 2px;
 }
 
+/* MAIN PANEL */
+#outer-box {
+    background-color: rgba(30, 30, 46, 0.98); /* almost solid */
+    border-radius: 26px;
+    padding: 12px;
+}
+
+/* remove conflicting layering */
+#inner-box {
+    background: transparent;
+    padding: 0;
+}
+
+/* =========================
+   INPUT (STRONG + CLEAN)
+========================= */
+
 #input {
-    background-color: @surface0;
+    background-color: @surface1;   /* stronger than surface0 */
     color: @text;
-    border: 1px solid @surface1;
-    border-radius: 30px; /* Rounded corners */
-    padding: 5px 10px;
+
+    border: 1px solid @surface2;
+    border-radius: 18px;
+
+    padding: 10px 14px;
     margin-bottom: 10px;
 }
 
-#entry {
-    background-color: rgba(
-        200,
-        200,
-        200,
-        0.6
-    ); /* very light grey, very transparent */
-    color: @text;
-    border-radius: 30px;
-    padding: 5px 10px;
-    margin: 2px 0;
+#input:focus {
+    border: 1px solid @blue;
+    background-color: @surface2;
 }
 
+/* =========================
+   ENTRIES (BASE)
+========================= */
+
+#entry {
+    background-color: rgba(0, 0, 0, 0.35);
+    color: @subtext1;
+
+    border-radius: 18px;
+    padding: 10px 14px;
+    margin: 2px 0;
+
+    transition: all 0.15s ease;
+}
+
+/* hover */
+#entry:hover {
+    background-color: rgba(0, 0, 0, 0.5);
+    color: @text;
+}
+
+/* =========================
+   FOCUS (keyboard navigation)
+========================= */
+
 #entry:focus {
-    background-color: @surface0;
+    background-color: @surface2;
     color: @lavender;
-    border-radius: 30px; /* Rounded corners */
+
+    border-radius: 18px;
 }
 
+/* =========================
+   SELECTED (CLEAR + STRONG)
+========================= */
+
 #entry:selected {
-    background-color: @surface0;
-    color: @text;
-    border-radius: 30px; /* Rounded corners */
+    background: linear-gradient(45deg, @blue, @green);
+    color: @base;
+
+    border-radius: 18px;
+    font-weight: bold;
 }
 
+/* =========================
+   ICONS
+========================= */
+
+#entry image {
+    margin-right: 10px;
+    opacity: 0.9;
+}
+
+/* =========================
+   SCROLLBAR
+========================= */
+
 #scrollbar {
-    background-color: @surface0;
-    border-radius: 30px; /* Rounded corners */
-    width: 8px;
+    background-color: @surface1;
+    border-radius: 20px;
+    width: 6px;
 }
 
-#scrollbar.handle {
-    background-color: @blue;
-    border-radius: 30px; /* Rounded corners */
+#scrollbar handle {
+    background: linear-gradient(45deg, @blue, @green);
+    border-radius: 20px;
 }
 
+/* =========================
+   PROMPT
+========================= */
+
+#prompt {
+    color: @subtext0;
+    margin-right: 6px;
+}
 #+END_SRC