docs: replace deprecated primary and secondary

telerik · Mar 14, 2024 · e07750e · e07750e
1 parent 36ce2ef
commit e07750e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/docs/styling/theme-builder.md b/docs/styling/theme-builder.md
@@ -29,7 +29,7 @@ To improve the collaboration between designers and developers, Kendo UI for Vue
    ![Color Styles in a UI Kit for Figma](./images/theme-builder-ui-kit-color-styles.png)
 
 1. Create a new project in the ThemeBuilder application. To choose the most suitable starting **Theme**, ask your designer which UI Kit was used: **Default**, **Bootstrap**, or **Material**.
-1. Copy the color codes from the **Color Styles** in Figma and paste them in the ThemeBuilder color editor with the same name. For example, copy the value of the `$primary` color in Figma and paste it in the **Primary** color editor in the ThemeBuilder.
+1. Copy the color codes from the **Color Styles** in Figma and paste them in the ThemeBuilder color editor with the same name. For example, copy the value of the `$primary` color in Figma and paste it in the `$kendo-color-primary` color editor in the ThemeBuilder.
 
 ## Suggested Links
 

diff --git a/docs/wrappers-styling/index.md b/docs/wrappers-styling/index.md
@@ -143,8 +143,8 @@ For the Default and Bootstrap themes, the swatch should look like:
 
 ```scss
 // Variables.
-$primary: blue;
-$secondary: pink;
+$kendo-color-primary: blue;
+$kendo-color-secondary: pink;
 
 // Import the theme file for the components you use.
 @import "../panelbar/_index.scss";