Change QA track color

Author: luizrrodrigues

Diff for: src/shared/components/tags/primary/qa.scss

@@ -5,14 +5,14 @@
 @import "../default";
 
 .button {
-  background-color: $tc-purple;
+  background-color: $tc-purple-120;
   color: $tc-white;
 
   &:active,
   &:focus,
   &:hover {
     color: $tc-white;
-    background-color: $tc-purple;
+    background-color: $tc-purple-120;
   }
 
   &:visited {

Diff for: src/styles/_mixins/variables.scss

@@ -81,10 +81,12 @@ $tc-green-30: #cef0af;
 $tc-green-10: #effae4;
 
 /* Purples. */
+$tc-purple-120: #8231a9;
 $tc-purple-110: #753488;
 $tc-purple-100: #914da5;
 $tc-purple-70: #b57ad8;
 $tc-purple-30: #e2c6f3;
+$tc-purple-20: #e6cff1;
 $tc-purple-10: #f8f2fb;
 
 /* TC Metal colors - Badges.