angularjs - What is the correct way to make a "dark" theme in Angular Material? -
i want make theme bg dark indigo , font white. having trouble making font white... how 1 angular material themes? know can done css, thought configurable part of theming
this config:
var inversepurple = $mdthemingprovider.extendpalette('indigo', { 'contrastdefaultcolor': 'light', // whether, default, text (contrast) // on palette should dark or light 'contrastdarkcolors': "light", 'contrastlightcolors': 'light' // specify if default 'dark' }); $mdthemingprovider.definepalette('inversepurple', inversepurple) $mdthemingprovider.theme('inverse') .backgroundpalette('inversepurple', { 'default': '500', }) .dark() my html:
<md-content md-theme="inverse" layout-fill flex> <p>this not white</p> </md-content>
.config(function ($mdthemingprovider) { $mdthemingprovider.theme('default') .backgroundpalette('indigo',{ 'default':'900', }); });
Comments
Post a Comment