diff options
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 6 | ||||
| -rw-r--r-- | apps/user_status/src/UserStatus.vue | 3 |
2 files changed, 9 insertions, 0 deletions
diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue index 21c6088f36f..33a2e90cc50 100644 --- a/apps/dashboard/src/DashboardApp.vue +++ b/apps/dashboard/src/DashboardApp.vue @@ -485,6 +485,9 @@ export default { } .panel, .panels > div { + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); + width: 320px; max-width: 100%; margin: 16px; @@ -591,6 +594,9 @@ export default { .edit-panels, .statuses ::v-deep .action-item .action-item__menutoggle, .statuses ::v-deep .action-item.action-item--open .action-item__menutoggle { + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); + background-color: var(--color-main-background-blur); -webkit-backdrop-filter: var(--filter-background-blur); backdrop-filter: var(--filter-background-blur); diff --git a/apps/user_status/src/UserStatus.vue b/apps/user_status/src/UserStatus.vue index 77a8b6c3bc9..2ec5e05acd4 100644 --- a/apps/user_status/src/UserStatus.vue +++ b/apps/user_status/src/UserStatus.vue @@ -176,6 +176,9 @@ export default { <style lang="scss" scoped> .user-status-menu-item { + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); + width: auto; min-width: 44px; height: 44px; |