I tried to customize theme by modifying the themes source code by following below steps :
1. Clone the kendo-themes(https://github.com/telerik/kendo-themes) GitHub repository.
2. Install the dependencies for all themes with npm install && npx lerna bootstrap.
3. Customize the theme variables in the packages/<THEME_NAME>/scss/_variables.scssfiles.
4. Build the themes with the npm run build command to create the customized version of the themes in the packages/THEME_NAME/dist/all.css file.
I referenced the file (all.css) in my component but the changes ( say a change in the color of Button ) in my instance was not reflecting on UI.
I want to be able to modify _variables.scss file to my customized need and get the file all.css as a result of command (npm run build). And these changes should be reflected on my UI which as of now is not happening. Let me know if I am missing something here. Thanks in advance.
1 Answer, 1 is accepted
Thank you for the details.
I followed the same steps that are listed here as well:
https://www.telerik.com/kendo-react-ui/components/styling/#toc-customizing-themes (Using the Build Process of the Themes)
And the color was successfully changed.
I have attached both folders just without the node_modules. Please take a look at them.
If the issue still occurs, please share and example with the code, as there could be a small detail which we are missing.
Regards,
Stefan
Progress Telerik