Berry - Angular
  • ✨Introduction
  • 🚀Quick Installation
  • 📂Directory Structure
  • 📄Page Structure
  • 📒Theme Configuration
  • 🎨Theme Layouts
  • 📚How to
    • Dashboard as First Page
    • Login as First Page
    • Remove Authentication
    • Remove Role Base Authentication
    • Guard Children Routes
    • Role Base Authentication
  • 📦Dependencies
  • 🆘Support
  • 📅Changelog
Powered by GitBook
On this page

Theme Configuration

Theme Customization options

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

app-config.ts
export class BerryConfig {
  static layout = 'vertical'; // vertical, horizontal, compact
  static isCollapse_menu = false; // true, false
  static isDarkMode = false; // true, false;
  static sidebar_caption_hide = false; // true, false
  static theme_color = 'preset-1'; // present-1, present-2, present-3, present-4, present-5, present-6, present-7
  static font_family = 'Roboto'; // Roboto, Poppins, Inter
  static isRtl_layout = false; // true, false
  static isBox_container = true; // true, false
  static isLanding = false; // true
  static i18n = 'en' // en, fr, ro, cn
}

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

Option

Default

Data Type

Description

layout

vertical

String

vertical, compact, horizontal,

isCollapse_menu

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

font_family

Roboto

String

Roboto, Poppins, Inter

isRtl_layout

false

Boolean

true, false

isBox_container

true

Boolean

true, false

i18n

en

String

en, fr, ro, cn

PreviousPage StructureNextTheme Layouts

Last updated 5 months ago

📒