♻️ refactor(ui): improve panel and launcher functionality and appearance

styles/colors.css

@@ -1,32 +1,32 @@
 :vars {
-  --foreground: #e4e1e9;
-  --background: #131318;
-  --cursor: #e4e1e9;
-  --primary: #bfc2ff;
-  --on-primary: #272b60;
-  --secondary: #c5c4dd;
-  --on-secondary: #2e2f42;
-  --tertiary: #e8b9d4;
-  --on-tertiary: #46263b;
-  --surface: #131318;
-  --surface-bright: #39383f;
+  --foreground: #f1dfdc;
+  --background: #1a1110;
+  --cursor: #f1dfdc;
+  --primary: #ffb4a8;
+  --on-primary: #561e17;
+  --secondary: #e7bdb6;
+  --on-secondary: #442925;
+  --tertiary: #dec48c;
+  --on-tertiary: #3e2e04;
+  --surface: #1a1110;
+  --surface-bright: #423735;
   --error: #ffb4ab;
   --error-dim: #ff8678;
   --on-error: #690005;
   --error-container: #93000a;
-  --outline: #918f9a;
+  --outline: #a08c89;
   --shadow: #000000;
-  --red: #ffb2b9;
-  --red-dim: #ff7f8b;
-  --green: #95d5a7;
-  --green-dim: #70c789;
-  --yellow: #b8cf84;
-  --yellow-dim: #a3c15f;
-  --blue: #bfc2ff;
-  --blue-dim: #8c91ff;
-  --magenta: #e4b7f3;
-  --magenta-dim: #d48bec;
-  --cyan: #82d3e2;
-  --cyan-dim: #59c4d8;
+  --red: #ffb4a8;
+  --red-dim: #ff8875;
+  --green: #b7d085;
+  --green-dim: #a1c260;
+  --yellow: #dec56e;
+  --yellow-dim: #d5b444;
+  --blue: #cebdfe;
+  --blue-dim: #a98bfd;
+  --magenta: #fcb0d5;
+  --magenta-dim: #fa7fbb;
+  --cyan: #84d5c4;
+  --cyan-dim: #5ec8b2;
   --white: #82d3e0;
 }