🛠️Theme Configuration

Theme Customization options

../src/app/app-config.ts

app-config.ts

import { ConfigService, ConfigState } from './theme/shared/service/config.service';

export const MantisDefaultConfig: ConfigState = {
  layout: 'vertical', // vertical, horizontal, compact
  isCollapseMenu: false,
  theme_color: 'preset-1', // present-1, present-2, present-3, present-4, present-5, present-6, present-7, preset-8, pre
  isLanding: true,
  isRtlLayout: false, // false, true
  isDarkMode: false, // false, true
  isBox_container: false, // false, true
  font_family: 'public-sans', // public-sans, Roboto, Poppins, Inter
  i18n: 'en' // en, ro, fr, c
};

export const APP_TITLE = 'Mantis Angular Admin Template';
export const BUY_NOW = 'https://codedthemes.com/item/mantis-angular-admin-template/';
export const DASHBOARD_PATH = '/dashboard/default';
export const DOCUMENTATION_PATH = 'https://codedthemes.gitbook.io/mantis-angular';

You can edit this file at [ src/app/app-config.ts ]

Option	Default	Data Type	Description
layout	vertical	String	vertical, compact, horizontal,
isCollapseMenu	false	Boolean	true, false
isDarkMode	false	Boolean	true, false
theme_color	preset-1	String	present-1, present-2, present-3, present-4, present-5, present-6, present-7, preset-8, preset-9
font_family	public-sans	String	Roboto, Poppins, Inter, public-sans
isRtlLayout	false	Boolean	true, false
isBox_container	true	Boolean	true, false
i18n	en	string	en, ro, fr, cn