From 49ddaaecbf2345673f871ca0225090b95521b3f4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Thu, 18 Aug 2022 14:53:26 +0200 Subject: [PATCH] Move dashboard to new variables MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/dashboard/src/DashboardApp.vue | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index c9e73d9d146..b9990566030 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -426,8 +426,6 @@ export default { background-repeat: no-repeat; background-attachment: fixed; background-color: var(--color-primary); - --color-background-translucent: rgba(var(--color-main-background-rgb), 0.8); - --background-blur: blur(10px); > h2 { color: var(--color-primary-text); @@ -453,9 +451,9 @@ export default { width: 320px; max-width: 100%; margin: 16px; - background-color: var(--color-background-translucent); - -webkit-backdrop-filter: var(--background-blur); - backdrop-filter: var(--background-blur); + background-color: var(--color-main-background-blur); + -webkit-backdrop-filter: var(--filter-background-blur); + backdrop-filter: var(--filter-background-blur); border-radius: var(--border-radius-large); #body-user.theme--highcontrast & { @@ -556,9 +554,9 @@ export default { .edit-panels, .statuses ::v-deep .action-item .action-item__menutoggle, .statuses ::v-deep .action-item.action-item--open .action-item__menutoggle { - background-color: var(--color-background-translucent); - -webkit-backdrop-filter: var(--background-blur); - backdrop-filter: var(--background-blur); + background-color: var(--color-main-background-blur); + -webkit-backdrop-filter: var(--filter-background-blur); + backdrop-filter: var(--filter-background-blur); opacity: 1 !important; &:hover,