Styling a components checkbox

[sleek yarrow]

Is there any way to style a https://material.angular.io/components/checkbox/ ?
I only found the color attribute, which, for ony only seems to changed the color for the selected checkbox (I also wanna edit the checkbox in its unclicked form) and also it only takes the arguments primary and warn

[tribal tree]

You need to update existing styles manually by targeting the right selector to override it. Angular Material is an Material Design implementation and style customization is limited by design.

[sleek yarrow]

hm ok, is there maybe some way I can use these? https://material.angular.io/guide/theming#palettes

[tribal tree]

Only if you want to customize the following elements from the previous link:

Angular Material's theming system lets you customize color, typography, and density styles for components in your application.

[sleek yarrow]

so not the checkbox?

[tribal tree]

You can but only about what's written above: color, typography, density

Angular Material is not only friendly for customization by design but maintained for this design. It'll make customization difficult and might be broken by upcoming updates.
When it comes to customization, the best way is to avoid using the Angular Material component at all

[sleek yarrow]

ok sadge
you don't happen to any recommendations for alternatives?

[tribal tree]

You need to explain your expectations first.

[sleek yarrow]

I am looking for would be components that have default styles but are customizable

[tribal tree]

Without further details, the only solution is <input type="checkbox" />. Each solution comes with default styles you can customize in some way.

[sleek yarrow]

styling the "vanilla" checkbox didn't work at all, no matter what I did nothing changed 🤨