diff options
| author | Simon L <szaimen@e.mail.de> | 2023-05-12 15:41:40 +0200 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2023-05-13 10:15:33 +0000 |
| commit | f5e8268cede79d9b0589990cc975784602d66245 (patch) | |
| tree | 26f9b5c9311a92a819123281f9b709a260ac13c4 /core/src/components | |
| parent | 701e409c4c9533275ef418f88964e5ab3dee660f (diff) | |
| download | nextcloud-server-f5e8268cede79d9b0589990cc975784602d66245.tar.gz nextcloud-server-f5e8268cede79d9b0589990cc975784602d66245.zip | |
Use the color-primary-element* variables
Signed-off-by: Simon L <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'core/src/components')
| -rw-r--r-- | core/src/components/AppMenu.vue | 10 | ||||
| -rw-r--r-- | core/src/components/Profile/PrimaryActionButton.vue | 4 |
2 files changed, 7 insertions, 7 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index 012757e155a..888a106ed05 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -161,7 +161,7 @@ $header-icon-size: 20px; width: 12px; height: 5px; border-radius: 3px; - background-color: var(--color-primary-text); + background-color: var(--color-primary-element-text); left: 50%; bottom: 6px; display: block; @@ -178,7 +178,7 @@ $header-icon-size: 20px; width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px; - color: var(--color-primary-text); + color: var(--color-primary-element-text); position: relative; } @@ -194,7 +194,7 @@ $header-icon-size: 20px; opacity: 0; position: absolute; font-size: 12px; - color: var(--color-primary-text); + color: var(--color-primary-element-text); text-align: center; bottom: -5px; left: 50%; @@ -253,7 +253,7 @@ $header-icon-size: 20px; /* Remove all background and align text color if not expanded */ &:not([aria-expanded="true"]) { - color: var(--color-primary-text); + color: var(--color-primary-element-text); &:hover { opacity: 1; @@ -290,7 +290,7 @@ $header-icon-size: 20px; content: ""; width: 8px; height: 8px; - background-color: var(--color-primary-text); + background-color: var(--color-primary-element-text); border-radius: 50%; position: absolute; display: block; diff --git a/core/src/components/Profile/PrimaryActionButton.vue b/core/src/components/Profile/PrimaryActionButton.vue index 7a1f031b60c..dcd28e0c3a1 100644 --- a/core/src/components/Profile/PrimaryActionButton.vue +++ b/core/src/components/Profile/PrimaryActionButton.vue @@ -61,7 +61,7 @@ export default { computed: { colorPrimaryText() { // For some reason the returned string has prepended whitespace - return getComputedStyle(document.body).getPropertyValue('--color-primary-text').trim() + return getComputedStyle(document.body).getPropertyValue('--color-primary-element-text').trim() }, }, } @@ -77,7 +77,7 @@ export default { line-height: 44px; text-align: center; border-radius: var(--border-radius-pill); - color: var(--color-primary-text); + color: var(--color-primary-element-text); background-color: var(--color-primary-element); overflow: hidden; white-space: nowrap; |