Disabling Theming?

[iamaaron]

I do not have an interest in using the theming provided by Angular Material via $mdThemingProvider. I'd rather control the styles of the page through CSS, which is where it should be. I have tried creating a custom palette to define my color scheme, but I notice that onHover for certain elements, Angular Material decides that it wants to create it's own colors.

I saw this issue: #943 and noticed that the solution was to set the default theme to none. Therefore, you'd be referencing a non-existent theme. That solution throws console logs and reverts to the default Angular Material theme regardless. And in the same issue, it is noted that you may override the constant for the default theme via a constant in the config block.

Any idea how I may just disable $mdThemingProvider all together and perform styling in the CSS without getting overwritten by the style tags that $mdThemingProvider throws on the HTML?

I am using Angular-Material 1.0.6

[ThomasBurleson]

Try this...

// Setting this will result in not adding theme classes on components
angular(myApp, [ ngMaterial, myAppModules ]).constant("$MD_THEME_CSS","");

I also think the $mdThemingProvider needs a disableTheming() method that would do the above for you automatically.

[iamaaron]

Thanks!

[richieforeman]

Would absolutely love for this to be officially supported by Angular Material. We're finding that the Angular Material stylings have bit us a few times as thing shift around.

[yazzibrahim]

Folks I have a few questions as I'm struggling with this.

1. Why use Angular Material at all if you're going to disable the theming and writing all the CSS yourself? What are the benefits?
2. Is there a way to do this for Angular 2 with webpack?

PS: we're trying to use angular material, but we have a very custom look and feel and hoping the path isn't overriding every css they force apply.

Thank you!