diff options
author | Christopher Ng <chrng8@gmail.com> | 2022-10-19 02:07:12 +0000 |
---|---|---|
committer | Christopher Ng <chrng8@gmail.com> | 2022-10-19 19:12:56 +0000 |
commit | 58abed20599d85eb71f70edef77a7b7aaec043bc (patch) | |
tree | 6da880d6287ced11d0fc7511d90c7d48e9523e87 /apps/dashboard | |
parent | be892d2e283a0a939434650a0c9933308a2cc6bb (diff) | |
download | nextcloud-server-58abed20599d85eb71f70edef77a7b7aaec043bc.tar.gz nextcloud-server-58abed20599d85eb71f70edef77a7b7aaec043bc.zip |
Invert header icons on bright preset backgrounds
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'apps/dashboard')
-rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 22 |
1 files changed, 0 insertions, 22 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 4323d8e1192..8a823c48a1b 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -103,10 +103,6 @@ import isMobile from './mixins/isMobile.js' const panels = loadState('dashboard', 'panels') const firstRun = loadState('dashboard', 'firstRun') -const background = loadState('theming', 'background') -const themingDefaultBackground = loadState('theming', 'themingDefaultBackground') -const shippedBackgroundList = loadState('theming', 'shippedBackgrounds') - const statusInfo = { weather: { text: t('dashboard', 'Weather'), @@ -148,8 +144,6 @@ export default { modal: false, appStoreUrl: generateUrl('/settings/apps/dashboard'), statuses: {}, - background, - themingDefaultBackground, } }, computed: { @@ -240,7 +234,6 @@ export default { }, mounted() { - this.updateGlobalStyles() this.updateSkipLink() window.addEventListener('scroll', this.handleScroll) @@ -257,21 +250,6 @@ export default { }, methods: { - updateGlobalStyles() { - // Override primary-invert-if-bright and color-primary-text if background is set - const isBackgroundBright = shippedBackgroundList[this.background]?.theming === 'dark' - if (isBackgroundBright) { - document.querySelector('#header').style.setProperty('--primary-invert-if-bright', 'invert(100%)') - document.querySelector('#header').style.setProperty('--color-primary-text', '#000000') - // document.body.removeAttribute('data-theme-dark') - // document.body.setAttribute('data-theme-light', 'true') - } else { - document.querySelector('#header').style.setProperty('--primary-invert-if-bright', 'no') - document.querySelector('#header').style.setProperty('--color-primary-text', '#ffffff') - // document.body.removeAttribute('data-theme-light') - // document.body.setAttribute('data-theme-dark', 'true') - } - }, /** * Method to register panels that will be called by the integrating apps * |