refactor: create variable name for colours

Author: kedar-hargude

src/components/Tabs/Tabs.module.scss

@@ -1,4 +1,6 @@
 $theme-grey: #d4d4d5;
+$theme-dark-grey: #a1a5b7;
+$theme-pink: #e30062;
 
 .tabButton {
     background: white;
@@ -17,7 +19,7 @@ $theme-grey: #d4d4d5;
     font-size: 0.8em;
     border: none;
     cursor: pointer;
-    color: #a1a5b7;
+    color: $theme-dark-grey;
 }
 
 .active {
@@ -31,6 +33,6 @@ $theme-grey: #d4d4d5;
     font-weight: bold;
     background: white;
     border: none;
-    border-bottom: 3px solid #e30062;
+    border-bottom: 3px solid $theme-pink;
     color: black;
 }