I have read the documentation, but I'm feeling confused about how to implement an optimal approach for limiting color choices to red, green, and blue in my project. I am using the themebuilder to create a customized theme, and this themebuilder provides a single CSS file that I can apply in my project. Could you please guide me on how to switch between at least three different themes, each with distinct red, green, and blue color combinations? I'm finding it challenging to grasp this process despite having read the documentation."
This type is used in a CSS file in the provided Kendo ThemeBuilder
import React from "react";
import { AppRouter } from "@routes/route";
import "./common/main.css";
const App = () => {
return <AppRouter />;
};
export default App;