Berry React
v1.2.0
v1.2.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • Integration
  • Resources
  • RoadMap
  • Support
  • Changelog
Powered by GitBook
On this page

Was this helpful?

Color Presets

How to change available color presets

Berry come 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\assets\scss\ directory.

..
├── _theme1.module.scss
├── _theme2.module.scss
├── ..
├── ..
├── ..
├── _theme6.module.scss

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

presetColor: theme1

const config = {
    basename: '',
    defaultPath: '/dashboard/default',
    fontFamily: `'Roboto', sans-serif`,
    borderRadius: 12,
    outlinedFilled: true,
    theme: 'light',
    presetColor: 'default', // default, theme1, theme2 to theme6 available
    
    ...
    ..
    .

Last updated 3 years ago

Was this helpful?