Theme Color
- To get the default value of Navbar style, navigate to this path src/store/setting/state.ts.
Theme Color
- Property: "theme-color-default"
- Values are in string
Example
"theme_color": {"colors": {},"value": "theme-color-default"}
To get the current value of the following you can use:
- first import useSelector from react-redux.
- import the selectors files from src/store/setting/selectors in your component.
- import this file as top of your component using following example code in your component.
import { useSelector } from "react-redux";
import * as SettingSelector from '../store/setting/selectors'
- then use the following code in your component to get the current value.
Theme Color
const themeColor = useSelector(SettingSelector.theme_color)
To use action you can use dispatch to update state.js.
- first import usedispatch from react-redux.
- import the actions files from src/store/setting/actons in your component.
- import this file as top of your component using following example code in your component.
import { useDispatch } from "react-redux";
import { theme_color } from "../../../store/setting/actions";
- then write the following code inside the function component for use of dispatch method inside your component.
const dispatch = useDispatch();
- then use the following code in your component to dispatch or change the new value of scheme.
Theme Color
dispatch(theme_color({value: colorClassName, colors: colorObj}))