Fix search bar text visibility

mozilla-extensions · Sep 26, 2024 · 68502f7 · 68502f7
1 parent d77163d
commit 68502f7
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/serverlist.js b/src/components/serverlist.js
@@ -126,7 +126,7 @@ export class ServerList extends LitElement {
     return html`
       <input
         type="text"
-        class="search text-light"
+        class="search"
         placeholder="${tr("searchServer")}"
         ${ref(this.filterInput)}
         @change=${() => this.requestUpdate()}
@@ -322,14 +322,18 @@ export class ServerList extends LitElement {
     input.search {
       margin-block: 16px;
       padding: 10px 20px 10px 32px;
-      color: var(--text-color-invert);
       width: calc(max(50%, 312px));
       background-image: url("../../assets/img/search-icon.svg");
       background-position: 5px 6px;
       background-repeat: no-repeat;
       border: 1px solid var(--input-border);
       border-radius: var(--button-border-radius);
       font-size: 14px;
+      color: var(--grey40);
+    }
+
+    input.search::placeholder {
+      opacity: 1;
     }
   `;
 }