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
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;