🎨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.

VITE (TS)

...
├── default.ts
├── theme1.ts
├── ..
├── ..
├── ..
├── theme8.ts

VITE (JS)

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

VITE (TS)

src /config.ts

// types
import { DefaultConfigProps } from 'types/config';

// ==============================|| THEME CONSTANT ||============================== //
...
...
// ==============================|| THEME CONFIG ||============================== //

const config: DefaultConfigProps = {
  ...
  presetColor: 'default',
  ...
};

export default config;

VITE (JS)