Change text color in search box in darktheme, ref #15598
Signed-off-by: Greta Doci <gretadoci@gmail.com>
This commit is contained in:
parent
153d9ba9d6
commit
b9d441f530
|
@ -42,8 +42,7 @@ $color-border-dark: lighten($color-main-background, 14%);
|
||||||
|
|
||||||
// since svg icons are inverted, revert to white for the header
|
// since svg icons are inverted, revert to white for the header
|
||||||
.header-right > * {
|
.header-right > * {
|
||||||
>[class^='icon-'],
|
>[class^='icon-'] {
|
||||||
>[class*=' icon-'] {
|
|
||||||
filter: invert(100%);
|
filter: invert(100%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -631,7 +631,7 @@ nav[role='navigation'] {
|
||||||
width: 155px;
|
width: 155px;
|
||||||
cursor: text;
|
cursor: text;
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
border: 1px solid var(--color-border) !important;
|
border: 1px solid var(--color-primary-text) !important;
|
||||||
}
|
}
|
||||||
&:hover, &:focus, &:active {
|
&:hover, &:focus, &:active {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -656,6 +656,9 @@ nav[role='navigation'] {
|
||||||
-webkit-appearance: none;
|
-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, … */
|
/* Empty content messages in the header e.g. notifications, contacts menu, … */
|
||||||
|
|
|
@ -105,7 +105,7 @@
|
||||||
<?php p($l->t('Search'));?>
|
<?php p($l->t('Search'));?>
|
||||||
</label>
|
</label>
|
||||||
<input id="searchbox" type="search" name="query"
|
<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">
|
autocomplete="off">
|
||||||
<button class="icon-close-white" type="reset"><span class="hidden-visually"><?php p($l->t('Reset search'));?></span></button>
|
<button class="icon-close-white" type="reset"><span class="hidden-visually"><?php p($l->t('Reset search'));?></span></button>
|
||||||
</form>
|
</form>
|
||||||
|
|
Loading…
Reference in New Issue