diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-12-14 17:31:12 +0100 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2023-12-14 17:59:30 +0100 |
| commit | 1cd04e361ed980a864ca96634c82fb175dbeea41 (patch) | |
| tree | 3198bc59696f76c220fa0e3baf1ebb2b414ced0b | |
| parent | bac05cae5b53cc208b7edaa6b2b2a5de86f25035 (diff) | |
| download | nextcloud-server-1cd04e361ed980a864ca96634c82fb175dbeea41.tar.gz nextcloud-server-1cd04e361ed980a864ca96634c82fb175dbeea41.zip | |
fix(core): Make sure correct colors are used on blurred background
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
| -rw-r--r-- | apps/dashboard/src/DashboardApp.vue | 6 | ||||
| -rw-r--r-- | apps/user_status/src/UserStatus.vue | 3 | ||||
| -rw-r--r-- | core/css/apps.scss | 2 | ||||
| -rw-r--r-- | core/css/guest.scss | 3 |
4 files changed, 14 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; diff --git a/core/css/apps.scss b/core/css/apps.scss index f688ab05139..f047e7dae43 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -121,6 +121,8 @@ kbd { #app-navigation:not(.vue) { // We use fixed variable for the pill style as we have larger containers around nested list entries --border-radius-pill: calc(var(--default-clickable-area) / 2); + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); width: variables.$navigation-width; z-index: 500; diff --git a/core/css/guest.scss b/core/css/guest.scss index de13bfd6fda..7669ff01588 100644 --- a/core/css/guest.scss +++ b/core/css/guest.scss @@ -803,6 +803,9 @@ a.legal { } .guest-box, .body-login-container { + // Ensure the maxcontrast color is set for the background + --color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-main-text)); + color: var(--color-main-text); background-color: var(--color-main-background-blur); padding: $guest-container-padding; |