✨ feat(anyrun): new beautiful design for anyrun! ❤️

anyrun/_colors.css

@@ -1,6 +0,0 @@
-
-@import "../../.cache/wal/colors-anyrun.css";
-
-@define-color highlight @color1;
-@define-color active shade(@highlight, .7);
-@define-color text @foreground;

anyrun/config.ron

@@ -13,7 +13,6 @@ Config (
 
     plugins: [
         "libapplications.so",
-        "libsymbols.so",
         "libshell.so"
     ],
 )

anyrun/shell.ron

@@ -0,0 +1,4 @@
+Config (
+    prefix: ":",
+    shell: "bash"
+)

anyrun/stdin.ron

@@ -1,4 +1,5 @@
 Config (
+    show_results_immediately: true,
     allow_invalid: false,
-    max_entries: None 
+    max_entries: Some(6) 
 )

anyrun/style.css

@@ -1,10 +1,11 @@
 
-@import "_colors.css";
+@import "../../.cache/wal/colors-anyrun.css";
 
 * {
     border: none;
     box-shadow: none;
     outline: none;
+    color: @foreground;
 }
 
 *:hover {
@@ -15,15 +16,23 @@ window {
     background: transparent;
 }
 
+box#main {
+    background: @background;
+    border-radius: 16px;
+    box-shadow: 0 16px 22px 2px black;
+    padding: 0;
+    border: .5px solid @color1;
+}
+
 entry {
     padding: 6px;
     background: @background;
-    border-radius: 16px 16px 0 0;
-    border: 2px solid transparent;
+    border-radius: 16px;
+    margin: 8px;
 }
 
 entry:focus, entry:active {
-    border: 2px solid @color2;
+    box-shadow: inset 0 0 0 2px @color2;
 }
 
 entry:hover {
@@ -34,25 +43,30 @@ list {
     border-bottom-right-radius: 16px;
     border-bottom-left-radius: 16px;
     background: @background;
-    padding: 5px;
 }
 
 list > #match {
     font-weight: 600;
-    border-radius: 8px;
-    padding: 6px;
+    border-radius: 14px;
+    padding: 7px;
+    margin: 0 6px;
+    color: @foreground;
 }
 
 list > #match:hover {
     transition: 120ms linear;
-    background: shade(@background, .8);
+    background: shade(@color2, .8);
 }
 
 list > #match:selected,
 list > #match:active {
-    background: @active;
+    background: @color1;
 }
 
-box#main {
-    background: transparent;
+list > #match {
+    margin-bottom: 1px;
+}
+
+list > #match:last-child {
+    margin-bottom: 6px;
 }