Only invert header buttons

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2020-08-18 15:27:16 +02:00
parent 551d435f89
commit d288a11cee
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
2 changed files with 5 additions and 4 deletions

View File

@ -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;
}
}

View File

@ -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')
}