search: move color to themes

Themes that differ from our built ins should not be forced
to use very specific styles just to undo what the base style sets.

If they decide that all input fields should have a certain color,
they should be able to just select on the input field.
Our base style should just do layout.
The themes can then override the colors where needed.
This commit is contained in:
Reto Brunner 2023-07-31 11:54:57 +02:00
parent 2878f87879
commit b4f3a470c4
3 changed files with 27 additions and 8 deletions

View file

@ -36,15 +36,9 @@ form.message-search input {
height: auto !important; height: auto !important;
margin: 7px 0; margin: 7px 0;
border: 0; border: 0;
color: inherit;
background-color: #fafafa;
appearance: none; appearance: none;
} }
form.message-search input::placeholder {
color: rgba(0, 0, 0, 0.35);
}
@media (min-width: 480px) { @media (min-width: 480px) {
form.message-search input { form.message-search input {
min-width: 140px; min-width: 140px;
@ -63,7 +57,6 @@ form.message-search .input-wrapper {
z-index: 1; z-index: 1;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
background: var(--window-bg-color);
} }
form.message-search .input-wrapper input { form.message-search .input-wrapper input {
@ -76,7 +69,6 @@ form.message-search.opened .input-wrapper {
#chat form.message-search button { #chat form.message-search button {
display: flex; display: flex;
color: #607992;
} }
</style> </style>

View file

@ -33,3 +33,21 @@
border-radius: 0; border-radius: 0;
} }
} }
/* Search Form */
form.message-search input {
color: inherit;
background-color: #fafafa;
}
form.message-search input::placeholder {
color: rgba(0, 0, 0, 0.35);
}
form.message-search .input-wrapper {
background: var(--window-bg-color);
}
#chat form.message-search button {
color: #607992;
}

View file

@ -122,6 +122,15 @@ body {
/* Search Form */ /* Search Form */
form.message-search input { form.message-search input {
background-color: #28333d; background-color: #28333d;
color: inherit;
}
form.message-search input::placeholder {
color: rgba(0, 0, 0, 0.35);
}
form.message-search .input-wrapper {
background: var(--window-bg-color);
} }
#chat form.message-search button { #chat form.message-search button {