diff options
Diffstat (limited to 'apps/dashboard/src/DashboardApp.vue')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 14 |
1 files 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, |