Merge pull request #3 from topcoder-platform/qa-accessibility

Qa accessibility

Author: PrakashDurlabhji

package.json

@@ -32,7 +32,7 @@
     "lint:scss": "./node_modules/.bin/stylelint **/*.scss --syntax scss",
     "test": "npm run lint && npm run jest"
   },
-  "version": "1.0.4",
+  "version": "1.0.7",
   "dependencies": {
     "prop-types": "^15.6.2",
     "react": "^16.4.1",

src/shared/components/tags/primary/data-science.scss

@@ -12,7 +12,7 @@
   &:focus,
   &:hover {
     color: $tc-white;
-    background-color: $tc-orange;
+    background-color: $tc-orange-110;
   }
 
   &:visited {

src/shared/components/tags/primary/design.scss

@@ -12,7 +12,7 @@
   &:focus,
   &:hover {
     color: $tc-white;
-    background-color: $tc-light-blue;
+    background-color: $tc-light-blue-110;
   }
 
   &:visited {

src/shared/components/tags/primary/development.scss

@@ -12,7 +12,7 @@
   &:focus,
   &:hover {
     color: $tc-white;
-    background-color: $tc-green;
+    background-color: $tc-green-110;
   }
 
   &:visited {

src/styles/_mixins/variables.scss

@@ -46,7 +46,7 @@ $tc-dark-blue-30: #cee6ff;
 $tc-dark-blue-10: #f4f9ff;
 
 /* Light Blue - design color code. */
-$tc-light-blue-110: #009ddc;
+$tc-light-blue-110: #0076a5;
 $tc-light-blue-100: #15acec;
 $tc-light-blue-70: #63c4f1;
 $tc-light-blue-30: #bce6f9;
@@ -75,7 +75,7 @@ $tc-yellow-10: #fffde5;
 
 /* Greens - development color code. */
 $tc-green-120: #328732;
-$tc-green-110: #258025;
+$tc-green-110: #258205;
 $tc-green-100: #5cc900;
 $tc-green-70: #94db4e;
 $tc-green-30: #cef0af;