From 8d019a7275ed25ce5a4b4de87ae7ce49cfb9c6ca Mon Sep 17 00:00:00 2001
From: zzz <zzz@i2pmail.org>
Date: Sat, 21 Jan 2023 16:00:27 -0500
Subject: [PATCH] i2psnark: Search box CSS

---
 apps/i2psnark/resources/themes/dark/snark.css   | 17 +++++++++++------
 apps/i2psnark/resources/themes/light/snark.css  | 15 ++++++++++-----
 .../resources/themes/ubergine/snark.css         |  9 +++++++--
 .../i2psnark/resources/themes/vanilla/snark.css | 15 ++++++++++-----
 4 files changed, 38 insertions(+), 18 deletions(-)

diff --git a/apps/i2psnark/resources/themes/dark/snark.css b/apps/i2psnark/resources/themes/dark/snark.css
index f392273d97..f28dd8da7a 100644
--- a/apps/i2psnark/resources/themes/dark/snark.css
+++ b/apps/i2psnark/resources/themes/dark/snark.css
@@ -227,22 +227,27 @@ _:-ms-lang(x), .snarknavbar {
 #search {
      display: inline-block;
      position: absolute;
-     top: 6px;
-     right: 3px;
+     top: 16px;
+     right: 9px;
 }
 
 #searchbox {
-     background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
+     background: #000 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
      margin: 2px 4px 2px 24px !important;
      padding: 4px 32px 4px 32px !important;
-     color: black;
+     color: #bb7;
+}
+
+#searchbox:focus, #searchbox:active {
+     color: #ee9;
 }
 
 #searchcancel {
-     background: url(images/cancel.png);
-     margin: 2px 4px 2px -28px;
+     background: url(images/delete.png) 0px center no-repeat;
+     margin: 2px 4px 2px -20px;
      color: transparent;
      border: none;
+     width: 12px;
 }
 
 /* end topnav */
diff --git a/apps/i2psnark/resources/themes/light/snark.css b/apps/i2psnark/resources/themes/light/snark.css
index 18134c4146..01d8ec5a81 100644
--- a/apps/i2psnark/resources/themes/light/snark.css
+++ b/apps/i2psnark/resources/themes/light/snark.css
@@ -232,22 +232,27 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 #search {
      display: inline-block;
      position: absolute;
-     top: 6px;
-     right: 3px;
+     top: 10px;
+     right: 6px;
 }
 
 #searchbox {
-     background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
+     background: #f8f8ff url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
      margin: 2px 4px 2px 24px !important;
      padding: 4px 32px 4px 32px !important;
-     color: black;
+     color: #47475f;
+}
+
+#searchbox:focus, #searchbox:active {
+     color: #19191f;
 }
 
 #searchcancel {
-     background: url(images/cancel.png);
+     background: url(images/delete.png) 0px center no-repeat;
      margin: 2px 4px 2px -28px;
      color: transparent;
      border: none;
+     width: 12px;
 }
 
 /* end top nav */
diff --git a/apps/i2psnark/resources/themes/ubergine/snark.css b/apps/i2psnark/resources/themes/ubergine/snark.css
index e3afeb55d5..c6a1c0843f 100644
--- a/apps/i2psnark/resources/themes/ubergine/snark.css
+++ b/apps/i2psnark/resources/themes/ubergine/snark.css
@@ -237,10 +237,15 @@ _:-ms-lang(x), .snarkNav:last-child[href="/i2psnark/"] {
 }
 
 #searchbox {
-     background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
+     background: #212 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
      margin: 2px 4px 2px 24px !important;
      padding: 4px 32px 4px 32px !important;
-     color: black;
+     color: #f60;
+}
+
+#searchbox:focus, #searchbox:active {
+     background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
+     color: #fff;
 }
 
 #searchcancel {
diff --git a/apps/i2psnark/resources/themes/vanilla/snark.css b/apps/i2psnark/resources/themes/vanilla/snark.css
index 1a70c5cac7..efc1c4090f 100644
--- a/apps/i2psnark/resources/themes/vanilla/snark.css
+++ b/apps/i2psnark/resources/themes/vanilla/snark.css
@@ -275,20 +275,25 @@ _:-ms-lang(x), .snarkNav:link, .snarkNav:visited {
 #search {
      display: inline-block;
      position: absolute;
-     top: 6px;
+     top: 8px;
      right: 3px;
 }
 
 #searchbox {
-     background: #f60 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
+     background: #efe6e0 url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
      margin: 2px 4px 2px 24px !important;
      padding: 4px 32px 4px 32px !important;
-     color: black;
+     color: #2f1500;
+}
+
+#searchbox:focus, #searchbox:active {
+     background: #fffcdf url(/themes/console/images/buttons/search.png) 7px center no-repeat !important;
+     color: #5f1227;
 }
 
 #searchcancel {
-     background: url(images/cancel.png);
-     margin: 2px 4px 2px -28px;
+     background: url(images/delete.png) 7px center no-repeat;
+     margin: 2px 4px 2px -30px;
      color: transparent;
      border: none;
 }
-- 
GitLab