Presets

How to change available color presets

Berry has several color themes to choose from, including 6+ preset options. To change the color theme, you can follow these steps:

Color preset files are available in src\themes\theme\ the directory.

VITE

src/themes/theme

..
├── default.ts
├── theme1.ts
├── ..
├── ..
├── ..
├── theme6.ts
├── ...

NEXT

src/themes/theme

..
├── default.ts
├── theme1.ts
├── ..
├── ..
├── ..
├── theme6.ts
├── ...

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

presetColor: theme1

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

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

presetColor: theme1

TypeScript

import { ConfigStates } from 'types/config';
...

const config: ConfigStates = {
    ...
    presetColor: 'default', // default, theme1, theme2, theme3, theme4, theme5, theme6
    ...
};