@lithiumjs/ngx-material-theming NPM

@lithiumjs/ngx-material-theming

Dynamic and customizable Angular Material theming made easy. Powered by @lithiumjs/angular.

Features

SCSS mixins make creating themes easy.
Extend Material themes with your own styles for your custom components and overrides.
Change themes at run-time with the ThemeContainer directive.
Nested theme support - Apply multiple themes independently to any part of your app.
Offline theme compilation of SCSS themes using the provided ltc CLI tool.
Run-time theme creation - True dynamic themes; Easily generate brand new themes at runtime.

Getting started

Check out the quick start guide.
(Coming Soon) View the full API documentation.
Take a look at the example app and live demo.

Angular 15 Material MDC Update

v15 of Angular Material introduces MDC-based components, with the old pre-v15 components being marked as "legacy". ngx-material-theming matches this behavior and exposes theming support for MDC-based components by default, with associated "legacy" mixins for pre-v15 components. If you are using legacy Angular Material components in your project, make sure to update your project to use the "legacy" versions of the ngx-material-theming mixins.