nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-01-18 19:00:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

variant: fix inconsistent color variable naming #200

Browse source
This commit is contained in:
Sören Weber 2022-02-24 12:30:20 +01:00
parent e5021f45b8
commit 4c50e5fe6b
No known key found for this signature in database
GPG key ID: 07D17FF580AE7589
10 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/css/theme-blue.css
View file

@ -30,7 +30,7 @@
--MENU-SEARCH-color: #ffffff; /* Color of search field text */ --MENU-SEARCH-color: #ffffff; /* Color of search field text */
--MENU-SEARCH-BG-color: #167ad0; /* Search field background color (by default borders + icons) */ --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-ACTIVE-BG-color: #20272b; /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: #252c31; /* Background color of other sections */ --MENU-SECTIONS-BG-color: #252c31; /* Background color of other sections */

2
static/css/theme-green.css
View file

@ -30,7 +30,7 @@
--MENU-SEARCH-color: #ffffff; /* Color of search field text */ --MENU-SEARCH-color: #ffffff; /* Color of search field text */
--MENU-SEARCH-BG-color: #599a3e; /* Search field background color (by default borders + icons) */ --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-ACTIVE-BG-color: #1b211c; /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: #222723; /* Background color of other sections */ --MENU-SECTIONS-BG-color: #222723; /* Background color of other sections */

2
static/css/theme-learn.css
View file

@ -30,7 +30,7 @@
--MENU-SEARCH-color: #ffffff; /* Color of search field text */ --MENU-SEARCH-color: #ffffff; /* Color of search field text */
--MENU-SEARCH-BG-color: #764890; /* Search field background color (by default borders + icons) */ --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-ACTIVE-BG-color: #251f29; /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: #322a38; /* Background color of other sections */ --MENU-SECTIONS-BG-color: #322a38; /* Background color of other sections */

6
static/css/theme-neon.css
View file

@ -37,7 +37,7 @@
--MENU-SEARCH-color: #e0e0e0; /* Color of search field text */ --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
--MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */ --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-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 */ --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 a#logo,
body #logo svg, body #logo svg,
body #logo svg * { body #logo svg * {
color: var(--INTERNAL-MENU-SEARCH-BOX-color); color: var(--INTERNAL-MENU-SEARCH-BORDER-color);
fill: var(--INTERNAL-MENU-SEARCH-BOX-color) !important; fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important;
} }
body a#logo{ body a#logo{

2
static/css/theme-red.css
View file

@ -30,7 +30,7 @@
--MENU-SEARCH-color: #ffffff; /* Color of search field text */ --MENU-SEARCH-color: #ffffff; /* Color of search field text */
--MENU-SEARCH-BG-color: #b90000; /* Search field background color (by default borders + icons) */ --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-ACTIVE-BG-color: #2b2020; /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: #312525; /* Background color of other sections */ --MENU-SECTIONS-BG-color: #312525; /* Background color of other sections */

2
static/css/theme-relearn-dark.css
View file

@ -30,7 +30,7 @@
--MENU-SEARCH-color: #e0e0e0; /* Color of search field text */ --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
--MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */ --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-ACTIVE-BG-color: #323232; /* Background color of the active section and its children */
--MENU-SECTIONS-BG-color: #2b2b2b; /* Background color of other sections */ --MENU-SECTIONS-BG-color: #2b2b2b; /* Background color of other sections */

2
static/css/theme-relearn-light.css
View file

@ -30,7 +30,7 @@
--MENU-SEARCH-color: #e0e0e0; /* Color of search field text */ --MENU-SEARCH-color: #e0e0e0; /* Color of search field text */
--MENU-SEARCH-BG-color: #323232; /* Search field background color (by default borders + icons) */ --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-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 */ --MENU-SECTIONS-BG-color: #282828; /* Background color of other sections */

2
static/css/theme.css
View file

@ -118,7 +118,7 @@ th {
} }
.searchbox { .searchbox {
border: 1px solid #e0e0e0; /* var(--MENU-SEARCH-BOX-color) */ border: 1px solid #e0e0e0; /* var(--MENU-SEARCH-BORDER-color) */
border-radius: 4px; border-radius: 4px;
background-color: #323232; /* var(--MENU-SEARCH-BG-color) */ background-color: #323232; /* var(--MENU-SEARCH-BG-color) */
position: relative; position: relative;

4
static/css/variant.css
View file

@ -31,7 +31,7 @@
--INTERNAL-MENU-SEARCH-color: var(--MENU-SEARCH-color, var(--MENU-SEARCH-BOX-ICONS-color, #e0e0e0)); --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-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-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); --INTERNAL-MENU-SECTIONS-BG-color: var(--MENU-SECTIONS-BG-color, #282828);
@ -99,7 +99,7 @@ a:hover,
} }
.searchbox { .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); background-color: var(--INTERNAL-MENU-SEARCH-BG-color);
} }

2
static/js/variant.js
View file

@ -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-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-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-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-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', }, { name: 'MENU-SECTIONS-ACTIVE-BG-color', group: 'sections', default: 'rgba( 0, 0, 0, .166 )', tooltip: 'background color of the active menu section', },