diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-01-19 22:53:49 +0100 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-05-21 20:36:21 +0200 |
| commit | 9d2c3c1164926eadb61d1ec8360644dfeb75a78c (patch) | |
| tree | e6ffeecc062fc8bc6c7a904b9951db40fedf3d64 /core/src/components/AppMenu.vue | |
| parent | de938bb401bd04af02798417dfa5d96fee057ef1 (diff) | |
| download | nextcloud-server-9d2c3c1164926eadb61d1ec8360644dfeb75a78c.tar.gz nextcloud-server-9d2c3c1164926eadb61d1ec8360644dfeb75a78c.zip | |
fix: Adjust dashboard and header menu to use new background colors
fix(UnifiedSearch): Adjust to new background color
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'core/src/components/AppMenu.vue')
| -rw-r--r-- | core/src/components/AppMenu.vue | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index a9bce0dcea3..e84a1250222 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -144,7 +144,7 @@ $header-icon-size: 20px; width: 12px; height: 5px; border-radius: 3px; - background-color: var(--color-primary-text); + background-color: var(--color-background-plain-text); left: 50%; bottom: 6px; display: block; @@ -161,8 +161,8 @@ $header-icon-size: 20px; width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px; - // this is shown directly on the background which has `color-primary`, so we need `color-primary-text` - color: var(--color-primary-text); + // this is shown directly on the background + color: var(--color-background-plain-text); position: relative; } @@ -179,8 +179,8 @@ $header-icon-size: 20px; opacity: 0; position: absolute; font-size: 12px; - // this is shown directly on the background which has `color-primary`, so we need `color-primary-text` - color: var(--color-primary-text); + // this is shown directly on the background + color: var(--color-background-plain-text); text-align: center; left: 50%; top: 45%; @@ -238,7 +238,7 @@ $header-icon-size: 20px; /* Remove all background and align text color if not expanded */ &:not([aria-expanded="true"]) { - color: var(--color-primary-element-text); + color: var(--color-background-plain-text); &:hover { opacity: 1; @@ -278,7 +278,7 @@ $header-icon-size: 20px; content: ""; width: 8px; height: 8px; - background-color: var(--color-primary-element-text); + background-color: var(--color-background-plain-text); border-radius: 50%; position: absolute; display: block; |