From 9b77a017aec182666c189e77eccec161cbc46dd4 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 | 14 +++++++------- .../NcCheckboxRadioSwitch.vue | 4 ++-- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/NcButton/NcButton.vue b/src/components/NcButton/NcButton.vue index edf042d42a..8be8258339 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 @@ -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); } } }