material-theme-builder icon indicating copy to clipboard operation
material-theme-builder copied to clipboard

Published 20 hours ago • verified publisher icon material-foundation

feat(add angular)

Open twerske opened this issue 2 years ago • 2 comments

closes #38

Add export template for Angular Material theming based off of the CSS var exports (similar to the Web CSS option).

Thanks @rodydavis!

twerske avatar May 06 '22 00:05 twerske

Hi @twerske,

I was giving a try to the template (I'm using @angular/material 16.0.1) and I think I found 2 issues (if not mistaken) :

  • you can remove line 413, mat-core does not allow any parameters on v15 and so it's throwing an error. Maybe it is worth adding @include mat.typography-hierarchy($core-theme) instead ?

  • I have another issue with the define-typography-config: I had first to add the mat prefix to the define-typography-level but got another compile error to finally find out that the correct list should be the following (found @angular\material\core\typography_all-typography.scss) :

$font-family $headline-1 $headline-2 $headline-3 $headline-4 $headline-5 $headline-6 $subtitle-1 $subtitle-2 $body-1 $body-2 $caption $button $overline

Really not sure of myself but wanted to let you know.

Would be cool also if the theme could be generated also via @material/material-color-utilities

Fitzchev avatar May 24 '23 14:05 Fitzchev