Change text color in search box in darktheme, ref #15598

Signed-off-by: Greta Doci <gretadoci@gmail.com>
This commit is contained in:
Greta Doci 2019-05-23 18:44:07 +02:00 committed by Backportbot
parent 153d9ba9d6
commit b9d441f530
3 changed files with 6 additions and 4 deletions

View File

@ -42,8 +42,7 @@ $color-border-dark: lighten($color-main-background, 14%);
// since svg icons are inverted, revert to white for the header
.header-right > * {
>[class^='icon-'],
>[class*=' icon-'] {
>[class^='icon-'] {
filter: invert(100%);
}
}

View File

@ -631,7 +631,7 @@ nav[role='navigation'] {
width: 155px;
cursor: text;
background-color: transparent !important;
border: 1px solid var(--color-border) !important;
border: 1px solid var(--color-primary-text) !important;
}
&:hover, &:focus, &:active {
opacity: 1;
@ -656,6 +656,9 @@ nav[role='navigation'] {
-webkit-appearance: none;
}
}
.icon-search-force-white {
@include icon-color('search', 'actions', '#fffffe', 1, true);
}
}
/* Empty content messages in the header e.g. notifications, contacts menu, … */

View File

@ -105,7 +105,7 @@
<?php p($l->t('Search'));?>
</label>
<input id="searchbox" type="search" name="query"
value="" required class="hidden icon-search-white"
value="" required class="hidden icon-search-white icon-search-force-white"
autocomplete="off">
<button class="icon-close-white" type="reset"><span class="hidden-visually"><?php p($l->t('Reset search'));?></span></button>
</form>