Merge pull request #3272 from r0hit-gupta/color-updates

Issue 3060 | Update colors

Author: sushilshinde

src/shared/components/TrackIcon/style.scss

@@ -32,7 +32,7 @@ $track-radius-4: $corner-radius * 2;
     }
 
     &.develop {
-      background: $tc-green-110;
+      background: $tc-green-120;
     }
 
     &.data_science,
@@ -60,7 +60,7 @@ $track-radius-4: $corner-radius * 2;
     }
 
     &.develop {
-      color: $tc-green-110;
+      color: $tc-green-120;
       background: $tc-green-10;
     }
 

src/shared/components/challenge-detail/Specification/SideBar/styles.scss

@@ -31,7 +31,7 @@
 }
 
 .tctooltip {
-  background: $tc-green-110;
+  background: $tc-green-120;
   font-style: roboto;
   font-weight: 700;
   font-size: 13px;

src/shared/components/examples/ColorMixins/Color/style.scss

@@ -75,6 +75,7 @@
 .tc-yellow-30 { @include color($tc-yellow-30); }
 .tc-yellow-10 { @include color($tc-yellow-10); }
 
+.tc-green-120 { @include color($tc-green-120); }
 .tc-green-110 { @include color($tc-green-110); }
 .tc-green-100 { @include color($tc-green-100); }
 .tc-green-70 { @include color($tc-green-70); }

src/shared/components/examples/ColorMixins/index.jsx

@@ -123,6 +123,7 @@ should be used for
           <Color name="tc-yellow-10" />
         </Group>
         <Group title="Green Shades">
+          <Color name="tc-green-120" />
           <Color name="tc-green-110" />
           <Color name="tc-green-100" />
           <Color name="tc-green-70" />