From ea253fa5a886a8181804d07cf08ce523b020f33d Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 26 Jun 2024 17:54:30 -0700
Subject: [PATCH] refactor: docker.gui_search css vars

---
 .../sheets/gui_search-azure.css               |  2 -
 .../sheets/gui_search-black.css               |  3 -
 .../sheets/gui_search-gray.css                |  2 -
 .../sheets/gui_search-white.css               |  3 -
 .../dynamix.gui.search/sheets/gui_search.css  | 56 +++++++++++++++++++
 5 files changed, 56 insertions(+), 10 deletions(-)
 delete mode 100644 emhttp/plugins/dynamix.gui.search/sheets/gui_search-azure.css
 delete mode 100644 emhttp/plugins/dynamix.gui.search/sheets/gui_search-black.css
 delete mode 100644 emhttp/plugins/dynamix.gui.search/sheets/gui_search-gray.css
 delete mode 100644 emhttp/plugins/dynamix.gui.search/sheets/gui_search-white.css
 create mode 100644 emhttp/plugins/dynamix.gui.search/sheets/gui_search.css

diff --git a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-azure.css b/emhttp/plugins/dynamix.gui.search/sheets/gui_search-azure.css
deleted file mode 100644
index a46b2ff08..000000000
--- a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-azure.css
+++ /dev/null
@@ -1,2 +0,0 @@
-#guiSearchBoxSpan{display:inline-block;margin:0 0 0 20px;padding:0;height:auto;line-height:normal;font-size:1.3rem}
-#guiSearchBox{position:relative;top:0;left:0;width:50rem;border:none;border-radius:20px;margin:0;padding:5px 12px;color:#1c1b1b;background-color:#feefb3}
diff --git a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-black.css b/emhttp/plugins/dynamix.gui.search/sheets/gui_search-black.css
deleted file mode 100644
index 552540a5f..000000000
--- a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-black.css
+++ /dev/null
@@ -1,3 +0,0 @@
-#guiSearchBoxSpan{display:inline-block;position:relative;margin:4px 2px 2px 2px;padding:0;text-align:left;height:auto;line-height:normal;font-size:1.3rem}
-#guiSearchBoxSpan:after{font-family:unraid;content:'\e956';position:absolute;top:.8rem;left:1.5rem;font-size:1.3rem}
-#guiSearchBox{width:50rem;border:none;border-radius:20px;padding-left:4rem;opacity:0.5;invert(100%)}
diff --git a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-gray.css b/emhttp/plugins/dynamix.gui.search/sheets/gui_search-gray.css
deleted file mode 100644
index a46b2ff08..000000000
--- a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-gray.css
+++ /dev/null
@@ -1,2 +0,0 @@
-#guiSearchBoxSpan{display:inline-block;margin:0 0 0 20px;padding:0;height:auto;line-height:normal;font-size:1.3rem}
-#guiSearchBox{position:relative;top:0;left:0;width:50rem;border:none;border-radius:20px;margin:0;padding:5px 12px;color:#1c1b1b;background-color:#feefb3}
diff --git a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-white.css b/emhttp/plugins/dynamix.gui.search/sheets/gui_search-white.css
deleted file mode 100644
index 552540a5f..000000000
--- a/emhttp/plugins/dynamix.gui.search/sheets/gui_search-white.css
+++ /dev/null
@@ -1,3 +0,0 @@
-#guiSearchBoxSpan{display:inline-block;position:relative;margin:4px 2px 2px 2px;padding:0;text-align:left;height:auto;line-height:normal;font-size:1.3rem}
-#guiSearchBoxSpan:after{font-family:unraid;content:'\e956';position:absolute;top:.8rem;left:1.5rem;font-size:1.3rem}
-#guiSearchBox{width:50rem;border:none;border-radius:20px;padding-left:4rem;opacity:0.5;invert(100%)}
diff --git a/emhttp/plugins/dynamix.gui.search/sheets/gui_search.css b/emhttp/plugins/dynamix.gui.search/sheets/gui_search.css
new file mode 100644
index 000000000..4062bf4f9
--- /dev/null
+++ b/emhttp/plugins/dynamix.gui.search/sheets/gui_search.css
@@ -0,0 +1,56 @@
+:root {
+    --gui-search-search-box-text-color: var(--white);
+    --gui-search-search-box-background-color: var(--gray-500);
+}
+
+#guiSearchBoxSpan {
+    display: inline-block;
+    padding: 0;
+    text-align: left;
+    height: auto;
+    line-height: normal;
+    font-size: 1.3rem;
+}
+
+#guiSearchBox {
+    width: 50rem;
+    border: none;
+    border-radius: 20px;
+    color: var(--gui-search-search-box-text-color);
+    background-color: var(--gui-search-search-box-background-color);
+}
+
+.Theme--black,
+.Theme--white {
+    #guiSearchBoxSpan {
+        position: relative;
+        margin: 4px 2px 2px 2px;
+    }
+    #guiSearchBoxSpan:after {
+        font-family: unraid;
+        content: "\e956";
+        position: absolute;
+        top: 0.8rem;
+        left: 1.5rem;
+        font-size: 1.3rem;
+    }
+    #guiSearchBox {
+        padding-left: 4rem;
+    }
+}
+
+.Theme--sidebar {
+    --gui-search-search-box-text-color: var(--black);
+    --gui-search-search-box-background-color: var(--yellow-200);
+
+    #guiSearchBoxSpan {
+        margin: 0 0 0 20px;
+    }
+    #guiSearchBox {
+        position: relative;
+        top: 0;
+        left: 0;
+        margin: 0;
+        padding: 5px 12px;
+    }
+}
\ No newline at end of file