🎨Color Presets

How to change available color presets

Able Pro comes up with 6+ theme color presets. You can now change the available color presets by doing the following steps:

Color Preset files are available in src\themes\theme\ directory.

src\themes\theme

..
├── default.js
├── theme1.js
├── ..
├── ..
├── ..
├── theme8.js

Edit & Choose your desired preset color setting in src\config.js file. Change the presetColor value to theme1, theme2 to theme6

JavaScript

const config = {
    ...
    presetColor: 'default', // default, theme1, theme2 to theme8 available
    ...
    ...
    ...
}

TypeScript

import { PaletteMode } from '@material-ui/core';

const config: {
    ...
    theme: PaletteMode;
    ...
} = {
    ...
    presetColor: 'default', // default, theme1, theme2, theme3 upto theme8
    ...
};

export default config;