aboutsummaryrefslogtreecommitdiffstats
path: root/apps/theming
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 /apps/theming
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 'apps/theming')
-rw-r--r--apps/theming/src/AdminTheming.vue2
-rw-r--r--apps/theming/src/components/BackgroundSettings.vue2
2 files changed, 2 insertions, 2 deletions
diff --git a/apps/theming/src/AdminTheming.vue b/apps/theming/src/AdminTheming.vue
index f922143e04d..a190dfb2a6a 100644
--- a/apps/theming/src/AdminTheming.vue
+++ b/apps/theming/src/AdminTheming.vue
@@ -299,7 +299,7 @@ export default {
/* This is basically https://github.com/nextcloud/server/blob/master/core/css/guest.css
But without the user variables. That way the admin can preview the render as guest*/
/* As guest, there is no user color color-background-plain */
- background-color: var(--color-primary-default, #0082c9);
+ background-color: var(--color-primary-element-default, #0082c9);
/* As guest, there is no user background (--image-background)
1. Empty background if defined
2. Else default background
diff --git a/apps/theming/src/components/BackgroundSettings.vue b/apps/theming/src/components/BackgroundSettings.vue
index 0d07071cb93..20c7ef622de 100644
--- a/apps/theming/src/components/BackgroundSettings.vue
+++ b/apps/theming/src/components/BackgroundSettings.vue
@@ -356,7 +356,7 @@ export default {
&:hover,
&:focus {
// Use theme color primary, see inline css variable in template
- border: 2px solid var(--border-color, var(--color-primary)) !important;
+ border: 2px solid var(--border-color, var(--color-primary-element)) !important;
}
// Icon