title: Sass error : ionic sass primary isn't a valid CSS value
body: <p>im trying to add a background color to my ionic app, but now I'm facing this issue
  my code is </p>
  
  <p>in variable.scss</p>
  
  <pre><code>$colors: (
        primary:    #4486F9,
  
      ); 
  </code></pre>
  
  <p>and error </p>
  
  <pre><code>sass: D:/hybrid_app/ionictest/accounts/src/theme/variables.scss, line: 36
          (primary: #4486F9) isn't a valid CSS value.
  
    L36:  $colors: (
    L37:    primary:    #4486F9,
  </code></pre>
  
  <p>Using</p>
  
  <blockquote>
    <p>Ionic Framework: 3.6.0
    Ionic App Scripts: 2.1.3
    Angular Core: 4.1.3
    Angular Compiler CLI: 4.1.3
    Node: 7.10.0</p>
  </blockquote>