diff --git a/static/css/theme-blue.css b/static/css/theme-blue.css
index df20b65202..fca96ff272 100644
--- a/static/css/theme-blue.css
+++ b/static/css/theme-blue.css
@@ -30,7 +30,7 @@
 
     --MENU-SEARCH-color: #ffffff; /* Color of search field text */
     --MENU-SEARCH-BG-color: #167ad0; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #33a1ff; /* Override search field border color */
+    --MENU-SEARCH-BORDER-color: #33a1ff; /* Override search field border color */
 
     --MENU-SECTIONS-ACTIVE-BG-color: #20272b; /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: #252c31; /* Background color of other sections */
diff --git a/static/css/theme-green.css b/static/css/theme-green.css
index a91f7a7fd8..0dac7b74a8 100644
--- a/static/css/theme-green.css
+++ b/static/css/theme-green.css
@@ -30,7 +30,7 @@
 
     --MENU-SEARCH-color: #ffffff; /* Color of search field text */
     --MENU-SEARCH-BG-color: #599a3e; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #84c767; /* Override search field border color */
+    --MENU-SEARCH-BORDER-color: #84c767; /* Override search field border color */
 
     --MENU-SECTIONS-ACTIVE-BG-color: #1b211c; /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: #222723; /* Background color of other sections */
diff --git a/static/css/theme-learn.css b/static/css/theme-learn.css
index 3eed85abc1..1a00336f52 100644
--- a/static/css/theme-learn.css
+++ b/static/css/theme-learn.css
@@ -30,7 +30,7 @@
 
     --MENU-SEARCH-color: #ffffff; /* Color of search field text */
     --MENU-SEARCH-BG-color: #764890; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #915eae; /* Override search field border color */
+    --MENU-SEARCH-BORDER-color: #915eae; /* Override search field border color */
 
     --MENU-SECTIONS-ACTIVE-BG-color: #251f29; /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: #322a38; /* Background color of other sections */
diff --git a/static/css/theme-neon.css b/static/css/theme-neon.css
index 3ee44131af..ee47d9c9f9 100644
--- a/static/css/theme-neon.css
+++ b/static/css/theme-neon.css
@@ -37,7 +37,7 @@
 
     --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
     --MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #e0e0e0; /* Override search field border color */
+    --MENU-SEARCH-BORDER-color: #e0e0e0; /* Override search field border color */
 
     --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: linear-gradient( 165deg, #f300b2d3 0%, #1c90f3b3 65%, #00e3d3b3 100% ); /* Background color of side bar */
@@ -71,8 +71,8 @@
 body a#logo,
 body #logo svg,
 body #logo svg * {
-  color: var(--INTERNAL-MENU-SEARCH-BOX-color);
-  fill: var(--INTERNAL-MENU-SEARCH-BOX-color) !important;
+  color: var(--INTERNAL-MENU-SEARCH-BORDER-color);
+  fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important;
 }
 
 body a#logo{
diff --git a/static/css/theme-red.css b/static/css/theme-red.css
index 8fbad7ecfe..fdbad3201d 100644
--- a/static/css/theme-red.css
+++ b/static/css/theme-red.css
@@ -30,7 +30,7 @@
 
     --MENU-SEARCH-color: #ffffff; /* Color of search field text */
     --MENU-SEARCH-BG-color: #b90000; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #ef2020; /* Override search field border color */
+    --MENU-SEARCH-BORDER-color: #ef2020; /* Override search field border color */
 
     --MENU-SECTIONS-ACTIVE-BG-color: #2b2020; /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: #312525; /* Background color of other sections */
diff --git a/static/css/theme-relearn-dark.css b/static/css/theme-relearn-dark.css
index 832f56f086..ed66f930c6 100644
--- a/static/css/theme-relearn-dark.css
+++ b/static/css/theme-relearn-dark.css
@@ -30,7 +30,7 @@
 
     --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
     --MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #e0e0e0; /* Override search field border color */
+    --MENU-SEARCH-BORDER-color: #e0e0e0; /* Override search field border color */
 
     --MENU-SECTIONS-ACTIVE-BG-color: #323232; /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: #2b2b2b; /* Background color of other sections */
diff --git a/static/css/theme-relearn-light.css b/static/css/theme-relearn-light.css
index 3b38078b8d..6025f1cf07 100644
--- a/static/css/theme-relearn-light.css
+++ b/static/css/theme-relearn-light.css
@@ -30,7 +30,7 @@
 
     --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
     --MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */
-    --MENU-SEARCH-BOX-color: #e0e0e0; /* Override search field border color */
+    --MENU-SEARCH-BORDER-color: #e0e0e0; /* Override search field border color */
 
     --MENU-SECTIONS-ACTIVE-BG-color: rgba( 0, 0, 0, .166 ); /* Background color of the active section and its children */
     --MENU-SECTIONS-BG-color: #282828; /* Background color of other sections */
diff --git a/static/css/theme.css b/static/css/theme.css
index b717af2bb3..aa260e8d84 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -118,7 +118,7 @@ th {
 }
 
 .searchbox {
-    border: 1px solid #e0e0e0; /* var(--MENU-SEARCH-BOX-color) */
+    border: 1px solid #e0e0e0; /* var(--MENU-SEARCH-BORDER-color) */
     border-radius: 4px;
     background-color: #323232; /* var(--MENU-SEARCH-BG-color) */
     position: relative;
diff --git a/static/css/variant.css b/static/css/variant.css
index d21ed24526..a2c4198245 100644
--- a/static/css/variant.css
+++ b/static/css/variant.css
@@ -31,7 +31,7 @@
 
     --INTERNAL-MENU-SEARCH-color: var(--MENU-SEARCH-color, var(--MENU-SEARCH-BOX-ICONS-color, #e0e0e0));
     --INTERNAL-MENU-SEARCH-BG-color: var(--MENU-SEARCH-BG-color, #323232);
-    --INTERNAL-MENU-SEARCH-BOX-color: var(--MENU-SEARCH-BOX-color, var(--INTERNAL-MENU-SEARCH-BG-color));
+    --INTERNAL-MENU-SEARCH-BORDER-color: var(--MENU-SEARCH-BORDER-color, var(--MENU-SEARCH-BOX-color, var(--INTERNAL-MENU-SEARCH-BG-color)));
 
     --INTERNAL-MENU-SECTIONS-ACTIVE-BG-color: var(--MENU-SECTIONS-ACTIVE-BG-color, rgba( 0, 0, 0, .166 ));
     --INTERNAL-MENU-SECTIONS-BG-color: var(--MENU-SECTIONS-BG-color, #282828);
@@ -99,7 +99,7 @@ a:hover,
 }
 
 .searchbox {
-    border-color: var(--INTERNAL-MENU-SEARCH-BOX-color);
+    border-color: var(--INTERNAL-MENU-SEARCH-BORDER-color);
     background-color: var(--INTERNAL-MENU-SEARCH-BG-color);
 }
 
diff --git a/static/js/variant.js b/static/js/variant.js
index 2bec6e6ce2..17dba72524 100644
--- a/static/js/variant.js
+++ b/static/js/variant.js
@@ -474,7 +474,7 @@ var variants = {
 		{ name: 'MENU-HOME-LINK-HOVER-color',            group: 'header',         default: '#808080',                     tooltip: 'hoverd home button color if configured', },
 		{ name: 'MENU-SEARCH-color',                     group: 'header',         default: '#e0e0e0',                     tooltip: 'text and icon color of search box', },
 		{ name: 'MENU-SEARCH-BG-color',                  group: 'header',         default: '#323232',                     tooltip: 'background color of search box', },
-		{ name: 'MENU-SEARCH-BOX-color',                 group: 'header',        fallback: 'MENU-SEARCH-BG-color',        tooltip: 'border color of search box', },
+		{ name: 'MENU-SEARCH-BORDER-color',              group: 'header',        fallback: 'MENU-SEARCH-BG-color',        tooltip: 'border color of search box', },
 
 		{ name: 'MENU-SECTIONS-BG-color',                group: 'sections',       default: '#282828',                     tooltip: 'background of the menu; this is NOT just a color value but can be a complete CSS background definition including gradients, etc.', },
 		{ name: 'MENU-SECTIONS-ACTIVE-BG-color',         group: 'sections',       default: 'rgba( 0, 0, 0, .166 )',       tooltip: 'background color of the active menu section', },