title: Is there an effective way to change side drawer icon COLOR in NativeScript? (specially iOS)
body: <p>I was trying to apply a style in <code>ActionBar</code>, changing its background and colors.
  That's what <code>NativeScript</code> documentation says it should do... But actually when I try to add style to this icon it doesn't get my color.</p>
  
  <p>Also, if I add a title to <code>ActionBar</code>, it inherits my style and is rendered with the color I've chosen.</p>
  
  <p>But it is not happening with the action item!</p>
  
  <p>Here is my file</p>
  
  <pre><code>&lt;template&gt;
      &lt;ActionBar&gt;
          &lt;NavigationButton ios:visibility="collapsed" icon="res://menu" @tap="onDrawerButtonTap" /&gt;
          &lt;ActionItem icon="res://menu" 
              android:visibility="collapsed" 
              @tap="onDrawerButtonTap"
              ios.position="left"&gt;
          &lt;/ActionItem&gt;
          &lt;Image class="logo" src="~/images/logo.png"&gt;&lt;/Image&gt;  
      &lt;/ActionBar&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import * as utils from "~/helpers/utils";
  
  export default {
      data(){
          return {
  
          };
      },
  
      methods: {
          onDrawerButtonTap() {
              utils.showDrawer();
          },
      }
  }
  &lt;/script&gt;
  
  &lt;style lang="scss" scoped&gt;
  
      @import '../../_app-variables.scss';
  
      ActionBar {
          background-color: #c3c3c3;
          color: $primary;
      }
  
  &lt;/style&gt;
  </code></pre>
  
  <p>Is there an <strong>effective</strong> way to change this <code>sideDrawer</code> button color?</p>