Fix various theming issues on bright colors

Signed-off-by: Julius Härtl <jus@bitgrid.net>

diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss
index 928c54bc1054f57c0b64f0be7e743dd65da7998a..23c12be7b2dbba7cdbf5fc6a1e270dcae4517715 100644 (file)
--- a/apps/theming/css/theming.scss
+++ b/apps/theming/css/theming.scss
@@ -68,7 +68,8 @@ $invert: luma($color-primary) > 0.6;
                a,
                label,
                p,
-               #alternative-logins legend {
+               #alternative-logins legend,
+               .lost-password-container #lost-password {
                        color: $color-primary-text;
                }
                input[type='checkbox'].checkbox--white + label:before {
@@ -175,8 +176,26 @@ input.primary,
 }
 
 @if ($invert) {
-       #body-login #submit-wrapper .icon-confirm-white {
-               background-image: url('../../../core/img/actions/confirm.svg');
+       #body-login {
+               .body-login-container {
+                       background-color: $color-main-background;
+               }
+               #submit-wrapper .icon-confirm-white {
+                       background-image: url('../../../core/img/actions/confirm.svg');
+               }
+               .body-login-container {
+                       h2 {
+                               color: $color-main-text;
+                       }
+                       .icon-search.icon-white {
+                               // CSS variable is not used here since it is on the public page layout,
+                               // where the dark theme doesn't apply at the moment
+                               background-image: url('../../../core/img/actions/search.svg');
+                       }
+               }
+       }
+       #body-public #header .icon-more-white {
+               background-image: var(--icon-more-000);
        }
 }
 

diff --git a/core/css/header.scss b/core/css/header.scss
index 46c9083e458d3fda4dabc2b27052b97ad2c409b3..159083da912cebb73825ad9f2d50e1b3592837b6 100644 (file)
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -445,7 +445,7 @@ nav[role='navigation'] {
                        text-overflow: initial;
                        width: auto;
                        overflow: hidden;
-                       background-color: var(--color-primary-element);
+                       background-color: var(--color-primary);
                        padding: 0 5px;
                        z-index: 2;
                }