Rename color variables for consistency (#4982)

canonical · Feb 8, 2024 · 32a10a0 · 32a10a0
1 parent 4745ee3
commit 32a10a0
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/scss/_settings_colors.scss b/scss/_settings_colors.scss
@@ -226,26 +226,26 @@ $colors--theme--border-default: var(--vf-color-border-default);
 $colors--theme--border-high-contrast: var(--vf-color-border-high-contrast);
 $colors--theme--border-low-contrast: var(--vf-color-border-low-contrast);
 
-$color--theme--border-positive: var(--vf-color-border-positive);
-$color--theme--border-negative: var(--vf-color-border-negative);
-$color--theme--border-information: var(--vf-color-border-information);
-$color--theme--border-caution: var(--vf-color-border-caution);
-
-$color--theme--background-neutral-default: var(--vf-color-background-neutral-default);
-$color--theme--background-neutral-hover: var(--vf-color-background-neutral-hover);
-$color--theme--background-neutral-active: var(--vf-color-background-neutral-active);
-$color--theme--background-positive-default: var(--vf-color-background-positive-default);
-$color--theme--background-positive-hover: var(--vf-color-background-positive-hover);
-$color--theme--background-positive-active: var(--vf-color-background-positive-active);
-$color--theme--background-caution-default: var(--vf-color-background-caution-default);
-$color--theme--background-caution-hover: var(--vf-color-background-caution-hover);
-$color--theme--background-caution-active: var(--vf-color-background-caution-active);
-$color--theme--background-negative-default: var(--vf-color-background-negative-default);
-$color--theme--background-negative-hover: var(--vf-color-background-negative-hover);
-$color--theme--background-negative-active: var(--vf-color-background-negative-active);
-$color--theme--background-information-default: var(--vf-color-background-information-default);
-$color--theme--background-information-hover: var(--vf-color-background-information-hover);
-$color--theme--background-information-active: var(--vf-color-background-information-active);
+$colors--theme--border-positive: var(--vf-color-border-positive);
+$colors--theme--border-negative: var(--vf-color-border-negative);
+$colors--theme--border-information: var(--vf-color-border-information);
+$colors--theme--border-caution: var(--vf-color-border-caution);
+
+$colors--theme--background-neutral-default: var(--vf-color-background-neutral-default);
+$colors--theme--background-neutral-hover: var(--vf-color-background-neutral-hover);
+$colors--theme--background-neutral-active: var(--vf-color-background-neutral-active);
+$colors--theme--background-positive-default: var(--vf-color-background-positive-default);
+$colors--theme--background-positive-hover: var(--vf-color-background-positive-hover);
+$colors--theme--background-positive-active: var(--vf-color-background-positive-active);
+$colors--theme--background-caution-default: var(--vf-color-background-caution-default);
+$colors--theme--background-caution-hover: var(--vf-color-background-caution-hover);
+$colors--theme--background-caution-active: var(--vf-color-background-caution-active);
+$colors--theme--background-negative-default: var(--vf-color-background-negative-default);
+$colors--theme--background-negative-hover: var(--vf-color-background-negative-hover);
+$colors--theme--background-negative-active: var(--vf-color-background-negative-active);
+$colors--theme--background-information-default: var(--vf-color-background-information-default);
+$colors--theme--background-information-hover: var(--vf-color-background-information-hover);
+$colors--theme--background-information-active: var(--vf-color-background-information-active);
 
 // Theme colors exposed as CSS custom properties
 @mixin vf-theme-light {