From d288a11cee23ea5f251264b13aa39dd528811e9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
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 <jus@bitgrid.net>
---
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 a320b3e3c99..9edf00a2420 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 a2cccfce3ff..8a5daf904c4 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')
}
--
GitLab