neon: nicer searchbox color

McShelby · Jan 30, 2023 · 8a85b65 · 8a85b65
1 parent 6659d84
commit 8a85b65
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/static/css/theme-neon.css b/static/css/theme-neon.css
@@ -12,7 +12,7 @@
 :root {
     --PRIMARY-color: #f300b2; /* brand primary color */
     --SECONDARY-color: #1c90f3; /* brand secondary color */
-    --ACCENT-color: #ffaa00; /* brand accent color, used for search highlights */
+    --ACCENT-color: #ffff00; /* brand accent color, used for search highlights */
 
     --MAIN-TEXT-color: #e0e0e0; /* text color of content and h1 titles */
     --MAIN-LINK-HOVER-color: #4cabff; /* hovered link color of content */
@@ -39,9 +39,9 @@
     --MENU-HOME-LINK-color: #ffffff; /* home button color if configured */
     --MENU-HOME-LINK-HOVER-color: #d0d0d0; /* hovered home button color if configured */
 
-    --MENU-SEARCH-color: #e0e0e0; /* text and icon color of search box */
-    --MENU-SEARCH-BG-color: #323232; /* background color of search box */
-    --MENU-SEARCH-BORDER-color: #e0e0e0; /* border color of search box */
+    --MENU-SEARCH-color: #f8f8f8; /* text and icon color of search box */
+    --MENU-SEARCH-BG-color: rgba( 16, 16, 16, .6 ); /* background color of search box */
+    --MENU-SEARCH-BORDER-color: #e8e8e8; /* border color of search box */
 
     --MENU-SECTIONS-BG-color: linear-gradient( 165deg, #f300b2d3 0%, #1c90f3b3 65%, #00e3d3b3 100% ); /* background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc. */
     --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* background color of the active menu section */
@@ -73,16 +73,16 @@
 body a#logo,
 body #logo svg,
 body #logo svg * {
-    color: var(--INTERNAL-MENU-SEARCH-color);
-    fill: var(--INTERNAL-MENU-SEARCH-color) !important;
+    color: var(--INTERNAL-MENU-SEARCH-BORDER-color);
+    fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important;
 }
 
 body a#logo{
-    color: var(--INTERNAL-MENU-SEARCH-color);
+    color: var(--INTERNAL-MENU-SEARCH-BORDER-color);
     text-shadow:
-        0 0  1px var(--INTERNAL-MENU-SEARCH-color),
-        0 0  2px var(--INTERNAL-MENU-SEARCH-color),
-        0 0  4px var(--INTERNAL-MENU-SEARCH-color),
+        0 0  1px var(--INTERNAL-MENU-SEARCH-BORDER-color),
+        0 0  2px var(--INTERNAL-MENU-SEARCH-BORDER-color),
+        0 0  4px var(--INTERNAL-MENU-SEARCH-BORDER-color),
         0 0  8px #808080,
         0 0  4px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color),
         0 0  8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);