Theming
Ng-Matero's theme system provides two commonly used layouts (side navigation
and top navigation
), menu services,page title component and breadcrumb component, commonly used css helpers, etc。
It is recommended that you choose a fixed layout type during project initialization, and do not use
options
to set the layout after project startup unless you have special requirements.
Ng-Matero's theme styles are written based on Sass, so users must understand the basics of Sass. The theme style directory is as follows:
├── theme
│ ├── style
│ │ ├── core
│ │ ├── functions
│ │ ├── mixins
│ │ ├── widgets
│ │ ├── _colors.scss
│ │ ├── _core.scss
│ │ ├── _functions.scss
│ │ ├── _mixins.scss
│ │ ├── _variables.scss
│ │ ├── _widgets.scss
│ │ └── theming.scss
sidenav
and topnav
used mixins to make it easier to change the theme color.
@mixin matero-admin-theme($theme) {
@include matero-sidenav-theme($theme);
@include matero-topnav-theme($theme);
}

Last updated
Was this helpful?