title: Angularjs Material - How to force theme on table
body: <p>Ive been stuck on this last bit of my projet. In my angularjs Material (1.2.1) project I have 2 themes (Dark mode and Light mode) and all the material components are reacting correctly.</p>
  <p>However when i put a <code>&lt;table&gt;</code> in a <code>&lt;Md-card-container&gt;</code>, the text color in my <code>&lt;td&gt;</code> dont follow. So i tried adding this to my table:</p>
  <p><code>&lt;table md-theme=&quot;{{ dynamicTheme }}&quot; md-theme-watch=&quot;&quot;&gt;</code></p>
  <p>Was hoping this would magically syncronize the text color with the theme chosen but no. My planB was to then add this to all my <code>&lt;td&gt;</code> tags : <code>&lt;td class=&quot; {{ dynamicTheme === 'Dark' ?  {color: 'white'} : {color: 'black'} }} &quot;</code></p>
  <p>I just think PlanB seems a bit overkill, especially that my table is very large. Just curios to know if anyone came accross this issue and if anyone sees a better workaround / solution to this? Iver searched alot of forums but this particular scenario dosent seem to be covered anywhere.</p>
  <p>Any input is appreciated.</p>