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

Signed-off-by: Greta Doci <gretadoci@gmail.com>

diff --git a/apps/accessibility/css/themedark.scss b/apps/accessibility/css/themedark.scss
index 185b921fe671a566bd7f62bbe2b89c558df53bc2..6ee73a0301be2dccb4f663b84a212ba231333304 100644 (file)
--- a/apps/accessibility/css/themedark.scss
+++ b/apps/accessibility/css/themedark.scss
@@ -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%);
        }
 }

diff --git a/core/css/header.scss b/core/css/header.scss
index 159083da912cebb73825ad9f2d50e1b3592837b6..c1e89b5cc8e0d2bc5b128783148ab705518c8c9a 100644 (file)
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -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, … */

diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php
index 9b558b198ee978456e599a928074d8d7b756f4e2..458af24696b1e9b31834622fdbf38f234ec8d164 100644 (file)
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@@ -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>