#Material overrides

4 messages · Page 1 of 1 (latest)

inland crest
#

Does anyone know a website where I can buy or download override files for Angular Material? I’d like to change the look of something like the mat-form-field so it looks more modern, closer to the style of TailwindCss

runic mural
# inland crest Does anyone know a website where I can buy or download override files for Angula...

Specifically for angular material, do not do this, on principle, ever.
Angular material is a very opinionated implementation (as is the material spec in general).
Any attempt to customize it beyond what its styling API provides has a decent chance to break at any given moment in time during any refactoring because there are no API guarantees for class-names or the like.

If you don't want a massive pita during angular upgrades, even minor/patch version ones, you'll stick to customizing what it lets you customize via the styling section.

#

That's why it states

Customizable within the bounds of the Material Design specification.

Material is generally very solid when it comes to its components, particularly for having components with correct keyboard navigation that don't require you to do much yourself in order to make them accessible.
That provides some of the reasoning as to why styling it is only intended to work within certain boundaries.

#

You can still do a decent amount, basically any HTML-Element you can apply a css-class yourself to and any CSS-property they let you set via their mat.<component>-overrides utilities is still possible to be controlled by you (though the latter ones only to a limited extent), so you can have round-chips, or mat-tabs with very large tab headers or very subtle looking bottom borders, form-fields that are solely outlines with specific background-colors etc., but you can't (and shouldn't) go beyond that.