admin

Please wait...

settings Layout Settings

For theme or layout related settings changes, you have to just change in one file settings.ts. You can find the config file in the core/modules folder.

info
Note: We store theme-related data in localStorage in the browser. Whenever you change the config file, please clear your browser data first. 
export interface AppSettings {
    navPos: 'side' | 'top';
    dir: 'ltr' | 'rtl';
    theme: 'light' | 'dark';
    color: 'purple' | 'red' | 'teal' | 'orange' | 'amber' | 'green' | 'default';
    showHeader: boolean;
    headerPos: 'fixed' | 'static' | 'above';
    showFooter: boolean;
    footerPos: 'fixed' | 'static';
    showUserPanel: boolean;
    sidenavOpened: boolean;
    sidenavCollapsed: boolean;
    language: string;
}

export const defaults: AppSettings = {
    navPos: 'side',
    dir: 'ltr',
    theme: 'light',
    color: 'default',
    showHeader: true,
    headerPos: 'fixed',
    showFooter: true,
    footerPos: 'static',
    showUserPanel: true,
    sidenavOpened: true,
    sidenavCollapsed: false,
    language: 'en-US',
};
settings_applications Option description Description
navPos Navbar position: side (left/right side) or top (top menu).
dir Layout direction: rtl or ltr.
theme Template theme: light or dark.
color Theme color options: purple, red, teal, orange, amber, green, default.
showHeader Toggle header visibility (true/false).
headerPos Header position: fixed, static, above.
showFooter Toggle footer visibility (true/false).
footerPos Footer position: fixed, static.
sidenavOpened Toggle sidebar initial state (true/false).
sidenavCollapsed Toggle sidebar collapsed state (true/false).
language Default language (e.g., en-US, de-DE, es-ES).