malakoff.yml in vp-themes-0.2.11

- old
+ new

@@ -7,15 +7,15 @@
 
 color:
   transparent: 255, 255, 255
   dark: 34, 34, 34
   light: 255, 255, 255
-  assertive: 255, 75, 51
-  positive: 90, 213, 217
+  assertive-500: 255, 75, 51
+  positive-500: 90, 213, 217
   brave-500: 255, 75, 51
-  balanced: 90, 213, 217
-  energized: 249, 189, 0
+  balanced-500: 90, 213, 217
+  energized-500: 249, 189, 0
   royal-500: 255, 75, 51
   stable-100: 251, 252, 253
   stable-300: 241, 242, 244
   stable-500: 230, 234, 236
   stable-700: 216, 221, 226
@@ -38,11 +38,11 @@
 image:
   border-radius: 0
 
 button:
   s-rounded-padding: 8px
-  background-color: rgba(var(--color-assertive), 1)
+  background-color: rgba(var(--color-assertive-500), 1)
   border-radius: 36px
   l-padding: var(--spacing-s) var(--spacing-xxl)
   title-font-weight: 500
 
 simple:
@@ -50,39 +50,39 @@
   border-right: none
   border-bottom: solid 1px rgba(var(--color-dark), 1)
   border-left: none
 
 header:
-  userButton-color: rgba(var(--color-assertive), 1)
+  userButton-color: rgba(var(--color-assertive-500), 1)
 
 avatar:
-  logo-background-color: rgba(var(--color-assertive), 0.15)
+  logo-background-color: rgba(var(--color-assertive-500), 0.15)
 
 footer:
   background-color: rgba(106, 120, 131, 1)
 
 steps:
-  link-active-color: rgba(var(--color-assertive))
+  link-active-color: rgba(var(--color-assertive-500))
   link-active-title-color: rgba(var(--color-dark))
-  link-active-border-color: rgba(var(--color-assertive)) 
+  link-active-border-color: rgba(var(--color-assertive-500)) 
 
 vp-widget:
-  radio-checked-background-color: rgba(var(--color-assertive), 1)
-  checkbox-checked-border-right: 2px solid rgba(var(--color-assertive), 1)
-  checkbox-checked-border-bottom: 2px solid rgba(var(--color-assertive), 1)
+  radio-checked-background-color: rgba(var(--color-assertive-500), 1)
+  checkbox-checked-border-right: 2px solid rgba(var(--color-assertive-500), 1)
+  checkbox-checked-border-bottom: 2px solid rgba(var(--color-assertive-500), 1)
   option-border-color: rgba(var(--color-dark), 1) 
-  bullet-color: var(--color-assertive)
-  questionnaire-primary-button-background-color: rgba(var(--color-assertive), 1)
-  questionnaire-primary-button-hover-background-color: rgba(var(--color-assertive), 1)
+  bullet-color: var(--color-assertive-500)
+  questionnaire-primary-button-background-color: rgba(var(--color-assertive-500), 1)
+  questionnaire-primary-button-hover-background-color: rgba(var(--color-assertive-500), 1)
   questionnaire-primary-button-radius: 36px
   questionnaire-primary-button-border: none
-  wrapper-primary-button-background-color: rgba(var(--color-assertive), 1)
-  wrapper-primary-button-hover-background-color: rgba(var(--color-assertive), 1)
+  wrapper-primary-button-background-color: rgba(var(--color-assertive-500), 1)
+  wrapper-primary-button-hover-background-color: rgba(var(--color-assertive-500), 1)
   wrapper-primary-button-radius: 36px
   wrapper-primary-button-border: none
 
 vp-admin:
-  button-border: 1px solid rgba(var(--color-assertive), 1)
+  button-border: 1px solid rgba(var(--color-assertive-500), 1)
 
 email:
   button-border-color: rgb(0, 123, 255)
   button-text-color: rgb(0, 123, 255)
   button-background-color: transparent