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/views | |
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/views')
-rw-r--r-- | core/src/views/Profile.vue | 8 | ||||
-rw-r--r-- | core/src/views/UserMenu.vue | 8 |
2 files changed, 8 insertions, 8 deletions
diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue index eda6e428463..84859f4a971 100644 --- a/core/src/views/Profile.vue +++ b/core/src/views/Profile.vue @@ -361,9 +361,9 @@ $content-max-width: 640px; border: none; margin-left: 18px; margin-top: 2px; - color: var(--color-primary-element); - background-color: var(--color-primary-text); - box-shadow: 0 0 0 2px var(--color-primary-text); + color: var(--color-primary-element-text); + background-color: var(--color-primary-element); + box-shadow: 0 0 0 2px var(--color-primary-element); border-radius: var(--border-radius-pill); padding: 0 18px; font-size: var(--default-font-size); @@ -374,7 +374,7 @@ $content-max-width: 640px; &:hover, &:focus, &:active { - color: var(--color-primary-element); + color: var(--color-primary-element-light-text); background-color: var(--color-primary-element-light); } diff --git a/core/src/views/UserMenu.vue b/core/src/views/UserMenu.vue index 5112b8a4eae..8602b2faa1d 100644 --- a/core/src/views/UserMenu.vue +++ b/core/src/views/UserMenu.vue @@ -85,7 +85,7 @@ export default { opacity: 1 !important; &:focus-visible { .user-menu__avatar { - border: 2px solid var(--color-primary-text); + border: 2px solid var(--color-primary-element); } } } @@ -104,7 +104,7 @@ export default { &:active, &:focus, &:hover { - border: 2px solid var(--color-primary-text); + border: 2px solid var(--color-primary-element-text); } } @@ -138,13 +138,13 @@ export default { &:focus-visible { background-color: var(--color-background-hover) !important; - box-shadow: inset 0 0 0 2px var(--color-primary) !important; + box-shadow: inset 0 0 0 2px var(--color-primary-element) !important; outline: none !important; } &:active, &.active { - background-color: var(--color-primary-light); + background-color: var(--color-primary-element-light); } span { |