state pill fix

Author: DhaaraniCIT

src/assets/themes/fyle/primitives_variables.scss

@@ -68,9 +68,9 @@ $yellow-800: #d88600;
 
 //green
 $green-50: #eef8f2;
-$green-100: #e9f6ed;
+$green-100: #f6fbf9;
 $green-150: #e7f3f4;
-$green-200: #d9ebe1;
+$green-200: #008146;
 $green-300: #c9e1e4;
 $green-350: #b4d9c8;
 $green-450: #55b07d;
@@ -82,8 +82,8 @@ $green-qbo: #2ba01d;
 
 //red
 $red-100: #fbe8e9;
-$red-200: #fce9ea;
-$red-300: #f5c0c3;
+$red-200: #fff9f8;
+$red-300: #c92214;
 $red-350: #FFC2D6;
 $red-500: #da1e28;
 $red-600: #cb374a;

src/styles.scss

@@ -957,11 +957,11 @@ p {
 }
 
 .mapped {
-    @apply tw-text-12-px tw-font-nav-link-font-weight tw-rounded-full tw-border tw-border-solid tw-border-border-success-light tw-bg-bg-success-light tw-py-4-px tw-px-10-px tw-text-text-success tw-w-fit #{!important}
+    @apply tw-text-[13px] tw-font-nav-link-font-weight tw-rounded-full tw-border tw-border-solid tw-border-border-success-light tw-bg-bg-success-light tw-py-4-px tw-px-10-px tw-text-text-success tw-w-fit #{!important};
 }
 
 .unmapped {
-    @apply tw-text-12-px tw-font-nav-link-font-weight tw-rounded-full tw-border tw-border-solid tw-border-border-danger-light tw-bg-bg-danger-light tw-py-4-px tw-px-10-px tw-text-text-danger tw-w-fit #{!important}
+    @apply tw-text-[13px] tw-font-nav-link-font-weight tw-rounded-full tw-border tw-border-solid tw-border-border-danger-light tw-bg-bg-danger-light tw-py-4-px tw-px-10-px tw-text-text-danger tw-w-fit #{!important};
 }
 
 .p-calendar .p-inputtext {