variant: fix search icon and text color #437

This commit is contained in:
Sören Weber 2023-01-23 13:44:56 +01:00
parent 22d70d80b9
commit 7d55b0dcda
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 33 additions and 16 deletions

View file

@ -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;
}
} }

View file

@ -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 {

View file

@ -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,