Regenerated

Droidnix/README.org

@@ -968,7 +968,7 @@ These are config files for .config/wofi
 @import url("file:///home/henrov/.config/shared/colors.css");
 
 /* Global styles */
-* {
+   * {
     background-color: transparent;
     color: @text;
     font-family: "JetBrainsMono Nerd Font", monospace;

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

@@ -0,0 +1,70 @@
+@import url("file:///home/henrov/.config/shared/colors.css");
+
+/* Global styles */
+   * {
+    background-color: transparent;
+    color: @text;
+    font-family: "JetBrainsMono Nerd Font", monospace;
+    font-size: 12pt;
+}
+
+/* Main menu container with gradient border */
+#main {
+    background:
+        linear-gradient(@base-alpha, @base-alpha) padding-box, /* Inner fill */
+        linear-gradient(45deg, @blue, @green) border-box;      /* Gradient border */
+    border: 2px solid transparent; /* Required for border-box layering */
+    border-radius: 30px;
+    padding: 20px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+}
+
+/* Input field */
+#input {
+    background-color: @surface0;
+    color: @text;
+    border: 1px solid @surface1;
+    border-radius: 30px;
+    padding: 5px 10px;
+    margin-bottom: 10px;
+}
+
+/* Entries */
+#entry {
+    background-color: rgba(200,200,200,0.2);
+    color: @text;
+    border-radius: 30px;
+    padding: 5px 10px;
+    margin: 2px 0;
+    border: 2px solid transparent; /* needed for gradient on selection */
+}
+
+/* Entry focus (hover or typing) */
+#entry:focus {
+    background:
+        linear-gradient(@base-alpha, @base-alpha) padding-box,
+        linear-gradient(45deg, @blue, @green) border-box;
+    color: @lavender;
+    border-radius: 30px;
+}
+
+/* Entry selection */
+#entry:selected {
+    background:
+        linear-gradient(@base-alpha, @base-alpha) padding-box,
+        linear-gradient(45deg, @blue, @green) border-box;
+    color: @text;
+    border-radius: 30px;
+}
+
+/* Scrollbar */
+#scrollbar {
+    background-color: @surface0;
+    border-radius: 30px;
+    width: 8px;
+}
+
+#scrollbar.handle {
+    background-color: @blue;
+    border-radius: 30px;
+}