Configuration Documetation

Theme Configuration

Mordern admin template manages its layout configuration from single file config.service.ts. This file you can find at src\app\_layout\settings\theme-settings.config.ts

Configuration Options

        
export const ThemeSettingsConfig = {
    colorTheme: 'semi-dark', // light, semi-light, semi-dark, dark
    layout: {
        style: 'vertical', // style: 'vertical', horizontal,
        pattern: 'fixed' // fixed, boxed, static
    },
    menuColor: 'menu-dark', // Vertical: [menu-dark, menu-light] , Horizontal: [navbar-dark, navbar-light]
    navigation: 'menu-collapsible', // menu-collapsible, menu-accordation
    menu: 'expand', // collapse, expand
    header: 'fix', // fix, static,
    footer: 'static', // fix, static
    customizer: 'on', // on,off,
    headerIcons: {
        maximize: 'on', // on, off
        search: 'on', // on, off
        internationalization: 'on', // on, off
        notification: 'on', // on, off
        email: 'on' // on, off
      },
    brand: {
        brand_name: 'Modern Admin',
        logo: {
            type: 'internal', // internal, url
            value: 'assets/custom/images/logo.png' // recommended location for custom images
        },
    }
};

Theme Params:

Param	Description
colorTheme	`Light` for light layout, `Dark` for dark layout, `semi-light` for semi-light layout and `semi-dark` for semi-dark layout
layout	change layout using stayle and pattern
layout style	`vertical` for vertical menu and `horizontal` for horizontal menu
layout pattern	`fixed` for fixed layout ,`boxed` for boxed layout and `static` for static layout
menucolor	`menu-light` class for vertical light sidebar, `menu-dark` class for vertical dark sidebar, `navbar-light` class for horizontal light navbar and `navbar-dark` class for horizontal dark navbar
navigation	`menu-collapsible` class for collapsed sidebar element and `menu-accordation` class for expand sidebar element
menu	`collapse` class for collapsed sidebar and `expand` class for expand sidebar
header	`fix` class for fix header `static` class for static header
footer	`fix` class for fix footer `static` class for static footer
customizer	`on` flag for show customizer and `off` flag for hide customizer
headerIcons	on or off flag for show or hide Icons
maximize	`on` flag for show maximize icon and `off` flag for hide maximize icon
search	`on` flag for show search icon and `off` flag for hide search icon
internationalization	`on` flag for show internationalization icon and `off` flag for hide internationalization icon
notification	`on` flag for show notification icon and `off` flag for hide notification icon
email	`on` flag for show email icon and `off` flag for hide email icon
brand name	Modern Admin