mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-27 01:33:04 +00:00
variant: fix search icon and text color #437
This commit is contained in:
parent
22d70d80b9
commit
7d55b0dcda
3 changed files with 33 additions and 16 deletions
|
@ -109,6 +109,22 @@
|
||||||
background-color: #323232; /* var(--MENU-SEARCH-BG-color) */
|
background-color: #323232; /* var(--MENU-SEARCH-BG-color) */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.searchbox input:-ms-input-placeholder {
|
||||||
|
color: #e0e0e0; /* var(--INTERNAL-MENU-SEARCH-color) */
|
||||||
|
opacity: .45;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar .searchbox > :first-child,
|
||||||
|
#sidebar .searchbox button,
|
||||||
|
.searchbox span {
|
||||||
|
color: #e0e0e0; /* var(--INTERNAL-MENU-SEARCH-color) */
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchform input:-ms-input-placeholder {
|
||||||
|
color: rgba( 134, 134, 134 );
|
||||||
|
opacity: .666;
|
||||||
|
}
|
||||||
|
|
||||||
#sidebar .collapsible-menu .toggle,
|
#sidebar .collapsible-menu .toggle,
|
||||||
#sidebar .select-container,
|
#sidebar .select-container,
|
||||||
#sidebar a,
|
#sidebar a,
|
||||||
|
@ -616,14 +632,4 @@
|
||||||
/* hide the triangle */
|
/* hide the triangle */
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbox input:-ms-input-placeholder {
|
|
||||||
color: rgba( 255, 255, 255, .4 );
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.searchform input:-ms-input-placeholder {
|
|
||||||
color: rgba( 134, 134, 134, .666 );
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -128,12 +128,12 @@ dd {
|
||||||
#sidebar .searchbox > :first-child,
|
#sidebar .searchbox > :first-child,
|
||||||
#sidebar .searchbox button,
|
#sidebar .searchbox button,
|
||||||
.searchbox span {
|
.searchbox span {
|
||||||
color: rgba( 255, 255, 255, .6 );
|
opacity: .65;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar .searchbox button:hover,
|
#sidebar .searchbox button:hover,
|
||||||
.searchbox span:hover {
|
.searchbox span:hover {
|
||||||
color: rgba( 255, 255, 255, .9 );
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbox input {
|
.searchbox input {
|
||||||
|
@ -148,8 +148,7 @@ dd {
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbox input::placeholder {
|
.searchbox input::placeholder {
|
||||||
color: rgba( 255, 255, 255, .4 );
|
opacity: .45;
|
||||||
opacity: unset;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#content-wrapper {
|
#content-wrapper {
|
||||||
|
@ -1602,9 +1601,10 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
|
||||||
margin-inline-end: .5rem;
|
margin-inline-end: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.searchform input::-webkit-input-placeholder,
|
||||||
.searchform input::placeholder {
|
.searchform input::placeholder {
|
||||||
color: rgba( 134, 134, 134, .666 );
|
color: rgba( 134, 134, 134 );
|
||||||
opacity: unset;
|
opacity: .666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchform .btn {
|
.searchform .btn {
|
||||||
|
|
|
@ -139,6 +139,17 @@ a:hover,
|
||||||
background-color: var(--INTERNAL-MENU-SEARCH-BG-color);
|
background-color: var(--INTERNAL-MENU-SEARCH-BG-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#sidebar .searchbox > :first-child,
|
||||||
|
#sidebar .searchbox button,
|
||||||
|
.searchbox span {
|
||||||
|
color: var(--INTERNAL-MENU-SEARCH-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchbox input::-webkit-input-placeholder,
|
||||||
|
.searchbox input::placeholder {
|
||||||
|
color: var(--INTERNAL-MENU-SEARCH-color);
|
||||||
|
}
|
||||||
|
|
||||||
#sidebar .collapsible-menu .toggle,
|
#sidebar .collapsible-menu .toggle,
|
||||||
#sidebar .select-container,
|
#sidebar .select-container,
|
||||||
#sidebar a,
|
#sidebar a,
|
||||||
|
|
Loading…
Reference in a new issue