https://github.com/lvlyke/lithium-ngx-material-theming

Dynamic and customizable Angular Material theming made easy. Powered by @lithiumjs/angular.
https://github.com/lvlyke/lithium-ngx-material-theming

angular angular-material dynamic lithium-angular lithiumjs material ngx ngx-material-theming runtime sass scss theme theming typescript

Last synced: about 1 year ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/lvlyke/lithium-ngx-material-theming
• Owner: lVlyke
• License: mit
• Created: 2018-11-21T16:49:15.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2025-02-15T17:37:21.000Z (over 1 year ago)
• Last Synced: 2025-04-13T09:45:33.648Z (about 1 year ago)
• Topics: angular, angular-material, dynamic, lithium-angular, lithiumjs, material, ngx, ngx-material-theming, runtime, sass, scss, theme, theming, typescript
• Language: TypeScript
• Homepage:
• Size: 1.16 MB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# @lithiumjs/ngx-material-theming

Dynamic and customizable Angular Material theming made easy. Powered by [@lithiumjs/angular](https://github.com/lVlyke/lithium-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](/docs/quick-start.md).

* Take a look at the [example app](https://github.com/lVlyke/lithium-ngx-material-theming-example) and [live demo](https://lvlyke.github.io/lithium-ngx-material-theming-example/).

## Notice - Angular 18 Material 3 Update

v18 of Angular Material introduces official support for Material 3-based themes, with the old Material 2-based theme utilities being prefixed with `m2`. ngx-material-theming matches this behavior by prefixing all Material 2 theming utilities with `m2`.

ngx-material-theming does not currently support Material 3 theming.

## Other information

* [@lithiumjs/angular](https://github.com/lVlyke/lithium-angular)