deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-15 12:46:38 +02:00
Code Issues Projects Releases Wiki Activity

search: move color to themes

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/components/MessageSearchForm.vue
View file

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

18
client/themes/default.css
View file

@ -33,3 +33,21 @@
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;
}

9
client/themes/morning.css
View file

@ -122,6 +122,15 @@ body {
/* Search Form */
form.message-search input {
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 {