https://github.com/ogs-gmbh/ngx-m3-themes
Customizable Angular Material 3 (MDC) themes and helpful SCSS utilities for consistent, modern UI styling in Angular applications.
https://github.com/ogs-gmbh/ngx-m3-themes
angular angular-material angular-theme dark-theme design-system light-theme material3 scss theming
Last synced: 2 months ago
JSON representation
Customizable Angular Material 3 (MDC) themes and helpful SCSS utilities for consistent, modern UI styling in Angular applications.
- Host: GitHub
- URL: https://github.com/ogs-gmbh/ngx-m3-themes
- Owner: OGS-GmbH
- License: mit
- Created: 2025-06-18T07:57:16.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-18T08:02:02.000Z (12 months ago)
- Last Synced: 2025-06-18T09:19:43.158Z (12 months ago)
- Topics: angular, angular-material, angular-theme, dark-theme, design-system, light-theme, material3, scss, theming
- Homepage:
- Size: 2.93 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> *We're OGS, check out our work on [github.com/ogs-gmbh](https://github.com/ogs-gmbh)*
# ngx-m3-themes
*A theming system with full Material Design 3 support that enables custom color palettes, design tokens, and motion-compliant components.*
- **Custom palettes support**\
Create and apply personalized color palettes for your themes.
- **Full Material Design 3 support**\
Implements MD3 components, styles, and motion guidelines.
- **Easy integration with Angular projects**\
Simple setup and seamless compatibility with Angular apps.
- **Customizable design tokens and color schemes**\
Fully adapt colors, typography, and other tokens to your brand.
## Getting Started
> [!IMPORTANT]
> We're offering an extensive API-Reference covered with in-depth usage examples of this project.
To get a starting point, simply refer to our documentation at [ogs-gmbh.github.io/ngx-m3-themes](https://ogs-gmbh.github.io/ngx-m3-themes).
## Prerequisites
- Node.js version 18 or higher
- A package manager: e.g. npm, pnpm, ...
## Installation
Using npm:
```sh
$ npm install @ogs-gmbh/ngx-m3-themes
```
Using a different package managers?
Using yarn:
```sh
$ pnpm add @ogs-gmbh/ngx-m3-themes
```
Using pnpm:
```sh
$ pnpm add @ogs-gmbh/ngx-m3-themes
```
Using bun:
```sh
$ bun add @ogs-gmbh/ngx-m3-themes
```
## License
The MIT License (MIT) - Please have a look at the [LICENSE file](./LICENSE) for more details.
## Contributing
Contributions are always welcome and greatly appreciated. Whether you want to report a bug, suggest a new feature, or improve the documentation, your input helps make the project better for everyone.
Feel free to submit a pull request, issue or feature request.
### Issues and Feature Requests
Reporting an issue or creating a feature request is made by creating a new issue on this repository.
You can create a [new issue or feature request here](../../issues/new/choose).
### Pull Requests
GitHub offers a solid guideline for contributing to open source projects through pull requests, covering key practices. These best practices provide a reliable starting point for making effective contributions.
You can find the [guidelines here](https://docs.github.com/get-started/exploring-projects-on-github/contributing-to-a-project).
### Code Of Conduct
We are committed to keeping a welcoming, inclusive, and respectful community for everyone. To help us achieve this, we kindly ask that you adhere to our [Code of Conduct](./CODE_OF_CONDUCT.md).
## Disclaimer
All trademarks and registered trademarks mentioned are property of their respective owners and are used for identification purposes only. Use of these names does not imply endorsement or affiliation.
This project is a trademark of OGS Gesellschaft für Datenverarbeitung und Systemberatung mbH. The License does not grant rights to use the trademark without permission.
---
Gesellschaft für Datenverarbeitung und Systemberatung mbH
[Imprint](https://www.ogs.de/en/imprint/) | [Contact](https://www.ogs.de/en/contact/) | [Careers](https://www.ogs.de/en/about-ogs/#Careers)