From 4577a78c90f21a6eecca7e594c2cbc32264ce0f9 Mon Sep 17 00:00:00 2001 From: Simon L Date: Tue, 9 May 2023 15:30:52 +0200 Subject: [PATCH] Use the color-primary-element variable in components Signed-off-by: Simon L --- src/components/NcButton/NcButton.vue | 16 ++++++++-------- .../NcCheckboxRadioSwitch.vue | 4 ++-- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/components/NcButton/NcButton.vue b/src/components/NcButton/NcButton.vue index edf042d42a..17e1dac7fc 100644 --- a/src/components/NcButton/NcButton.vue +++ b/src/components/NcButton/NcButton.vue @@ -430,10 +430,10 @@ export default { } // Default button type - color: var(--color-primary-light-text); - background-color: var(--color-primary-light); + color: var(--color-primary-element-light-text); + background-color: var(--color-primary-element-light); &:hover:not(:disabled) { - background-color: var(--color-primary-light-hover); + background-color: var(--color-primary-element-light-hover); } // Back to the default color for this button when active @@ -506,7 +506,7 @@ export default { // Primary &--vue-primary { background-color: var(--color-primary-element); - color: var(--color-primary-text); + color: var(--color-primary-element-text); &:hover:not(:disabled) { background-color: var(--color-primary-element-hover); } @@ -519,11 +519,11 @@ export default { // Secondary &--vue-secondary { - color: var(--color-primary-light-text); - background-color: var(--color-primary-light); + color: var(--color-primary-element-light-text); + background-color: var(--color-primary-element-light); &:hover:not(:disabled) { - color: var(--color-primary-light-text); - background-color: var(--color-primary-light-hover); + color: var(--color-primary-element-light-text); + background-color: var(--color-primary-element-light-hover); } } diff --git a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue index 7597b70fe6..7049f51bb4 100644 --- a/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue +++ b/src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue @@ -552,7 +552,7 @@ $spacing: 4px; &--checked:not(&--disabled):focus-within &__label, &--checked:not(&--disabled) &__label:hover { - background-color: var(--color-primary-light-hover); + background-color: var(--color-primary-element-light-hover); } // Switch specific rules @@ -654,7 +654,7 @@ $spacing: 4px; font-weight: bold; label { - background-color: var(--color-primary-light); + background-color: var(--color-primary-element-light); } } }