Mantis has a single source of truth for default configuration which lets users manage it effectively. It also makes it scalable for new configurations. you can set configs like font, border, theme layout, locale, etc. All those can be configured at ..src/config.js
fontFamily
'Roboto', sans-serif
String
set font family
mode
light
String
light, dark
i18n
en
String
en - English
fr - français
ro - Română
zh - 中国人
themeDirection
ltr
boolean
set layout from right to left.
miniDrawer
false
boolean
container
true
boolean
see layout in stretch
presetColor
default
string
different preset for theme.
config.js
// ==============================|| THEME CONSTANT ||============================== //exportconsttwitterColor='#1DA1F2';exportconstfacebookColor='#3b5998';exportconstlinkedInColor='#0e76a8';exportconstAPP_DEFAULT_PATH='/dashboard/analytics';exportconstHORIZONTAL_MAX_ITEM=7;exportconstDRAWER_WIDTH=260;exportconstMINI_DRAWER_WIDTH=60;exportconstNavActionType= { FUNCTION:'function', LINK:'link'};exportconstSimpleLayoutType= { SIMPLE:'simple', LANDING:'landing'};exportconstThemeMode= { LIGHT:'light', DARK:'dark'};exportconstMenuOrientation= { VERTICAL:'vertical', HORIZONTAL:'horizontal'};exportconstThemeDirection= { LTR:'ltr', RTL:'rtl'};// ==============================|| THEME CONFIG ||============================== //constconfig= {/** * The props used for the theme font-style. * We provide static below options - * `'Inter', sans-serif` * `'Poppins', sans-serif` * `'Roboto', sans-serif` * `'Public Sans', sans-serif` (default) */ fontFamily:`'Public Sans', sans-serif`,/** * The props used for display menu-items with multi-language. * We provide static below languages according to 'react-intl' options - https://www.npmjs.com/package/react-intl * 'en' (default) * 'fr' * 'ro' * 'zh' */ i18n:'en',/** * the props used for menu orientation (diffrent theme layout). * we provide static below options - * 'vertical' (default) - MenuOrientation.VERTICAL * 'horizontal' - MenuOrientation.HORIZONTAL */ menuOrientation:MenuOrientation.VERTICAL,/** * the props used for show mini variant drawer * the mini variant is recommended for apps sections that need quick selection access alongside content. * default - false */ miniDrawer:false,/** * the props used for theme container. * the container centers your content horizontally. It's the most basic layout element. * default - true which show container * false - will show fluid */ container:true,/** * the props used for default theme palette mode * explore the default theme * below theme options - * 'light' (default) - ThemeMode.LIGHT * 'dark' - ThemeMode.DARK */ mode:ThemeMode.LIGHT,/** * the props used for theme primary color variants * we provide static below options thoe s are already defaine in src/themes/theme - * 'default' * 'theme1' * 'theme2' * 'theme3' * 'theme4' * 'theme5' * 'theme6' * 'theme7' * 'theme8' */ presetColor:'default',/** * the props used for default theme direction * explore the default theme * below theme options - * 'ltr' (default) - ThemeDirection.LTR * 'rtl' - ThemeDirection.RTL */ themeDirection:ThemeDirection.LTR};exportdefault config;