summaryrefslogtreecommitdiffstats
path: root/core/src/views
diff options
context:
space:
mode:
authorSimon L <szaimen@e.mail.de>2023-05-12 15:41:40 +0200
committernextcloud-command <nextcloud-command@users.noreply.github.com>2023-05-13 10:15:33 +0000
commitf5e8268cede79d9b0589990cc975784602d66245 (patch)
tree26f9b5c9311a92a819123281f9b709a260ac13c4 /core/src/views
parent701e409c4c9533275ef418f88964e5ab3dee660f (diff)
downloadnextcloud-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.vue8
-rw-r--r--core/src/views/UserMenu.vue8
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 {