From d288a11cee23ea5f251264b13aa39dd528811e9b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Tue, 18 Aug 2020 15:27:16 +0200 Subject: [PATCH] Only invert header buttons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/dashboard/css/dashboard.scss | 8 ++++---- apps/dashboard/src/App.vue | 1 + 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/apps/dashboard/css/dashboard.scss b/apps/dashboard/css/dashboard.scss index a320b3e3c9..9edf00a242 100644 --- a/apps/dashboard/css/dashboard.scss +++ b/apps/dashboard/css/dashboard.scss @@ -40,7 +40,7 @@ body.dashboard-inverted:not(.dashboard-dark) { filter: invert(0); } #appmenu .icon-more-white, - .header-right > div:not(#settings) > * { + .header-right > div:not(#settings) > *:first-child { filter: invert(1) hue-rotate(180deg); } } @@ -62,10 +62,10 @@ body.dashboard-dark:not(.dashboard-inverted) { color: #000; } #appmenu svg { - filter: invert(1) !important; + filter: invert(1) hue-rotate(180deg) !important; } #appmenu .icon-more-white, - .header-right > div:not(#settings) > * { - filter: invert(1) hue-rotate(180deg); + .header-right > div:not(#settings) > *:first-child { + filter: invert(1) hue-rotate(180deg) !important; } } diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue index a2cccfce3f..8a5daf904c 100644 --- a/apps/dashboard/src/App.vue +++ b/apps/dashboard/src/App.vue @@ -275,6 +275,7 @@ export default { this.updateGlobalStyles() }, updateGlobalStyles() { + document.body.setAttribute('data-dashboard-background', this.background) if (window.OCA.Theming.inverted) { document.body.classList.add('dashboard-inverted') }