title: Change Variable colors if else in scss
body: <p>I am trying to change color on click of change contrast (adding change-contrast class to body) in scss.</p>
  
  <p>my <strong>static</strong> colors would be : </p>
  
  <p>$primary-color-blue: <strong>#2aace2</strong>;</p>
  
  <p>$mid-blue-color: <strong>#2695d2</strong>;</p>
  
  <p>$dark-blue-color: <strong>#124b62</strong>;</p>
  
  <hr>
  
  <p>on <strong>change</strong> contrast : </p>
  
  <p>$primary-color-blue: <strong>#177eab</strong>;</p>
  
  <p>$mid-blue-color: <strong>#1c6f9b</strong>;</p>
  
  <p>$dark-blue-color: <strong>#124b62</strong>;</p>
  
  <p>should be something like  in sass </p>
  
  <pre><code>if(change-contrast) {
  //  console.log (get High Constrast Colors)
  }
  else {
  //  console.log (Static Colors)
  }
  </code></pre>
  
  <p>Iam trying to do like below, but if i do like below i have to add to each and every class. </p>
  
  <pre><code>@mixin branding {
    @each $brand in $brand_clr {
      &amp;.#{nth($brand,1)} {
        $primary-color-blue: #177eab;
        @content;
      }
    }
  }
  
  test {
      background: $primary-color-blue;
      @include branding {
        background: $primary-color-blue;
      }
  } 
  </code></pre>
  
  <p>Appreciate your help on this !!</p>
  
  <p>Thanks  </p>