title: How do i change the angular material md-primary button text color?
body: <p>Basically i cant for the life of me figure out how to set the text color of the buttons using angular material and anything else using the md-primary background color.</p>
  
  <p>The code i am using to create the theme is </p>
  
  <pre><code>var customPrimary = {
          '50': '#7de3cf',
          '100': '#69dec8',
          '200': '#54dac0',
          '300': '#3fd5b8',
          '400': '#2dceaf',
          '500': '#28b99d',
          '600': '#23a48b',
          '700': '#1f8f79',
          '800': '#1a7a68',
          '900': '#166556',
          'A100': '#92e8d7',
          'A200': '#a7ecdf',
          'A400': '#bcf1e7',
          'A700': '#115044'
      };
      $mdThemingProvider
          .definePalette('customPrimary',
          customPrimary);
      $mdThemingProvider.theme('buttons')
          .primaryPalette('customAccent');
  </code></pre>
  
  <p>However no matter what i try i can get the text colour to be <code>#fff</code> unless i use css and <code>!important</code> which i'd like to avoid, as it means overriding several selectors.</p>