title: Mathjax Stoke and Fill color value in genrated SVG is currentColor
body: <p>When I convert below expression in SVG</p>
  
  <pre><code>&lt;math style="line-height:10em;color:red;" xmlns='http://www.w3.org/1998/Math/MathML'&gt;
    &lt;mrow&gt;
      &lt;mfrac&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/mfrac&gt;
      &lt;msub&gt;&lt;mi&gt;m&lt;/mi&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;/msub&gt;
      &lt;msubsup&gt;
        &lt;mi&gt;u&lt;/mi&gt;
        &lt;mn&gt;1&lt;/mn&gt;
        &lt;mn&gt;2&lt;/mn&gt;
      &lt;/msubsup&gt;
    &lt;/mrow&gt;
    &lt;mo&gt;+&lt;/mo&gt;
    &lt;mrow&gt;
      &lt;mfrac&gt;&lt;mn&gt;1&lt;/mn&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/mfrac&gt;
      &lt;msub&gt;&lt;mi&gt;m&lt;/mi&gt;&lt;mn&gt;2&lt;/mn&gt;&lt;/msub&gt;
      &lt;msubsup&gt;
        &lt;mi&gt;u&lt;/mi&gt;
        &lt;mn&gt;2&lt;/mn&gt;
        &lt;mn&gt;2&lt;/mn&gt;
      &lt;/msubsup&gt;
    &lt;/mrow&gt;
  &lt;/math&gt;
  </code></pre>
  
  <p>Stroke and fill color values are currentcolor in output</p>
  
  <pre><code> &lt;svg xmlns:xlink="http://www.w3.org/1999/xlink" style="-webkit-transition-property: none; color: red; vertical-align: -1.13ex; display: inline; line-height: 10em; " width="17.114ex" height="3.384ex" viewBox="0 -970.7 7368.4 1457.1" role="img" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:136px;height:27px;text-align:left;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:-9px;line-height:160px;" amzn-node-id="34" &gt;
                 &lt;defs id="MathJax_SVG_glyphs" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:160px;" amzn-node-id="35" &gt;
                    &lt;path stroke-width="1" id="MJMAIN-31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:160px;" amzn-node-id="36" &gt;&lt;/path&gt;
  
                 &lt;/defs&gt;
                 &lt;g fill="currentColor" stroke="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)" style="-webkit-transition-property: none; display: inline; " computedstyle="font_style:normal;font_weight:normal;font_variant:normal;width:0px;height:0px;text-align:left;font-size:16px;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;text-indent:0px;vertical-align:baseline;line-height:160px;" amzn-node-id="51" &gt;
                   code removed for brevity 
                 &lt;/g&gt;
              &lt;/svg&gt;
  </code></pre>
  
  <blockquote>
    <p>fill="currentColor" stroke="currentColor"</p>
  </blockquote>
  
  <p>Ideally it should be #FF0000 for red.
  How can i fix this problem or is it expected behavior from MathJax.</p>