https://github.com/tliliabdelmonem/angular-material-theme
Angular Material 18 Theming Application: This Angular application demonstrates how to implement custom theming using Angular Material 18. It includes dynamic theming features, such as modifying button rounding, changing the color theme, and adjusting font sizes.
https://github.com/tliliabdelmonem/angular-material-theme
angular material-ui theme
Last synced: 12 months ago
JSON representation
Angular Material 18 Theming Application: This Angular application demonstrates how to implement custom theming using Angular Material 18. It includes dynamic theming features, such as modifying button rounding, changing the color theme, and adjusting font sizes.
- Host: GitHub
- URL: https://github.com/tliliabdelmonem/angular-material-theme
- Owner: tliliAbdelmonem
- Created: 2024-08-26T10:38:41.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-27T06:11:45.000Z (over 1 year ago)
- Last Synced: 2025-03-24T17:49:28.425Z (about 1 year ago)
- Topics: angular, material-ui, theme
- Language: CSS
- Homepage:
- Size: 168 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Material 18 Theming Application
This Angular application demonstrates how to implement custom theming using Angular Material 18. It includes dynamic theming features, such as modifying button rounding, changing the color theme, and adjusting font sizes.
## Features
* Dynamic Rounding: Adjust the rounding of button corners dynamically.
* Custom Color Theme: Change the application's color theme using [material-color-utilities](https://www.npmjs.com/package/@material/material-color-utilities).
* Font Size Customization: Modify font sizes for flat buttons and headings.
## Installation
1. Clone the repository:
```
git clone https://github.com/yourusername/your-repo-name.git
cd your-repo-name
```
2. Install dependencies:
```
npm install
```
3. Run the application:
```
ng serve
```
## Preview
