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', },