From b1e8cb4a7ab38f2157e86f40dd146702ee475f33 Mon Sep 17 00:00:00 2001
From: S4NKALP <sankalptharu50028@gmail.com>
Date: Sat, 28 Feb 2026 19:42:37 +0545
Subject: [PATCH] feat(styles): add launcher.css

---
 styles/launcher.css | 230 ++++++++++++++++++++++++++++++++++++++++++++
 styles/main.css     |   1 +
 2 files changed, 231 insertions(+)
 create mode 100644 styles/launcher.css

diff --git a/styles/launcher.css b/styles/launcher.css
new file mode 100644
index 0000000..236d78d
--- /dev/null
+++ b/styles/launcher.css
@@ -0,0 +1,230 @@
+#launcher {
+    background-color: alpha(#000, 0.3);
+    padding: 0;
+    border-radius: 12px;
+    min-width: 640px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+/* #launcher-search { */
+/*   color: #000; */
+/* } */
+#header_box {
+    padding: 0px 20px 0 20px;
+    color: #000;
+}
+
+#close-button,
+#config-button {
+    background-color: transparent;
+    border-radius: 6px;
+    padding: 6px;
+    transition: all 0.15s ease;
+}
+
+#close-button:hover,
+#close-button:focus,
+#config-button:hover,
+#config-button:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+    border-radius: 6px;
+}
+
+#close-button.focused,
+#config-button.focused {
+    background-color: rgba(0, 122, 255, 0.2);
+    border-radius: 6px;
+    box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.4);
+}
+
+#close-button.focused #close-label {
+    color: #007aff;
+}
+
+#config-button.focused #config-label {
+    color: #007aff;
+}
+
+#close-button:active {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 6px;
+}
+
+#close-label {
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 18px;
+}
+
+#close-button:active #close-label {
+    color: rgba(255, 255, 255, 0.9);
+}
+
+#config-button:active {
+    background-color: rgba(255, 255, 255, 0.2);
+    border-radius: 6px;
+}
+
+#config-label {
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 18px;
+}
+
+#config-button:active #config-label {
+    color: rgba(255, 255, 255, 0.9);
+}
+
+#launcher-icon-label {
+    font-size: 20px;
+    padding: 6px;
+    color: rgba(255, 255, 255, 0.8);
+}
+
+#launcher-search {
+    font-weight: 400;
+    font-size: 36px;
+    background-color: transparent;
+    color: rgba(255, 255, 255, 0.95);
+    border: none;
+    border-radius: 0;
+    padding: 12px 0;
+    margin: 0;
+}
+
+#launcher-search:focus {
+    background-color: transparent;
+    box-shadow: none;
+    border: none;
+}
+
+#launcher-search selection {
+    color: white;
+    background-color: rgba(0, 122, 255, 0.8);
+}
+
+#launcher-results-scroll {
+    margin: 0;
+    border-radius: 0;
+    background: transparent;
+    padding: 0 20px 20px 20px;
+}
+
+#launcher-results-scroll scrollbar {
+    border-radius: 0;
+    background-color: transparent;
+    padding: 0;
+    margin: 0;
+    min-width: 0;
+}
+
+#launcher-results-scroll scrollbar slider {
+    border-radius: 2px;
+    min-width: 4px;
+    min-height: 20px;
+    background-color: rgba(255, 255, 255, 0.3);
+    margin: 0;
+}
+
+#launcher-results-scroll scrollbar:hover slider {
+    background-color: rgba(255, 255, 255, 0.5);
+}
+
+#launcher-results {
+    background: transparent;
+    margin-top: 8px;
+}
+
+#launcher-result-item {
+    border-radius: 8px;
+    padding: 12px 16px;
+    margin: 2px 0;
+    min-height: 64px;
+    transition: all 0.15s ease;
+    background: transparent;
+}
+
+@keyframes loadSlot {
+    0% {
+        opacity: 0;
+    }
+
+    100% {
+        opacity: 1;
+    }
+}
+
+#launcher-result-item:focus,
+#launcher-result-item:selected,
+#launcher-result-item:hover,
+#launcher-result-item.selected {
+    border-radius: 8px;
+    background-color: rgba(0, 122, 255, 0.8);
+    padding: 12px 16px;
+    margin: 2px 0;
+}
+
+#launcher-result-item.selected #result-item-title {
+    color: white;
+    font-weight: 600;
+}
+
+#launcher-result-item.selected #result-item-subtitle {
+    color: rgba(255, 255, 255, 0.8);
+}
+
+#launcher-result-item.selected #result-item-plugin {
+    color: rgba(255, 255, 255, 0.6);
+}
+
+#result-item-main {
+    min-height: 56px;
+}
+
+#launcher-result-item {
+    min-height: 56px;
+}
+
+#result-item-icon {
+    min-width: 56px;
+    min-height: 56px;
+    margin-right: 16px;
+    border-radius: 12px;
+}
+
+#result-item-title {
+    font-size: 18px;
+    font-weight: 500;
+    color: rgba(255, 255, 255, 0.95);
+    margin-top: 4px;
+    margin-bottom: 2px;
+}
+
+#result-item-subtitle {
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.6);
+    margin-bottom: 4px;
+}
+
+#result-item-plugin {
+    font-size: 12px;
+    color: rgba(255, 255, 255, 0.4);
+    font-style: normal;
+    margin-bottom: 4px;
+    opacity: 1;
+    font-weight: 400;
+}
+
+#network-password-entry {
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    background: rgba(255, 255, 255, 0.05);
+    color: rgba(255, 255, 255, 0.9);
+    padding: 12px;
+    border-radius: 8px;
+    margin-bottom: 8px;
+    font-size: 14px;
+}
+
+#network-password-entry:focus {
+    border: 1px solid rgba(0, 122, 255, 0.6);
+    background: rgba(255, 255, 255, 0.1);
+    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.2);
+}
diff --git a/styles/main.css b/styles/main.css
index 1c79e79..4c6802b 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -15,6 +15,7 @@
 @import url("./battery-widget.css");
 @import url("./lock.css");
 @import url("./todo.css");
+@import url("./launcher.css");
 
 * {
     all: unset;