ngx Material Themer

This project is now considered archived, as the theming of Angular Material 18 caused a lot of change by implementing the Material 3 specifications.

This project is an Angular application that helps create and apply custom themes with live preview using Angular Material.

The project was created with Angular 17.1 and may not work for other versions.

Getting Started

Prerequisites

• Node.js and npm installed
• Angular CLI installed

Installation

1. Clone the repository:

git clone https://github.com/abonvalle/ngx-material-themer.git

2. Navigate to the project directory:

cd ngx-material-themer

3. Install the dependencies:

npm install

Running the Application

To start the development server, run:

ng serve

Navigate to http://localhost:4200/ in your browser to see the application.

Building the Application

To build the application for production, run:

ng build

The build artifacts will be stored in the dist/ directory.

Usage

Creating a Custom Theme

You can create a custom theme with the user interface and see the theme update live. Then you can download or copy the theme as a scss string and paste it in your projects.

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

• Angular
• Angular Material