fix: Remove duplicate color names #2350

Author: Devansh633

src/data/countries.js

@@ -42,7 +42,7 @@ export const COUNTRY_BASELINE_POLICIES = {
 };
 
 export const STATUS_COLORS = {
-  OK: colors.BLUE_95,
+  OK: colors.BLUE_LIGHT,
   ERROR: colors.DARK_RED,
   Pending: colors.LIGHT_GRAY,
 };

src/layout/Section.jsx

@@ -24,9 +24,7 @@ export default function Section({
   }[displayCategory];
   let titleColor = null;
   if (
-    [style.colors.BLUE, style.colors.BLUE_PRESSED].includes(
-      backgroundColor,
-    )
+    [style.colors.BLUE, style.colors.BLUE_PRESSED].includes(backgroundColor)
   ) {
     titleColor = style.colors.WHITE;
   }
@@ -87,9 +85,7 @@ export function SectionTop({ height, backgroundColor, title }) {
   }[displayCategory];
   let titleColor = null;
   if (
-    [style.colors.BLUE, style.colors.BLUE_PRESSED].includes(
-      backgroundColor,
-    )
+    [style.colors.BLUE, style.colors.BLUE_PRESSED].includes(backgroundColor)
   ) {
     titleColor = style.colors.WHITE;
   }
@@ -135,9 +131,7 @@ export function SectionBottom({ height, backgroundColor, children }) {
   }[displayCategory];
   let titleColor = null;
   if (
-    [style.colors.BLUE, style.colors.BLUE_PRESSED].includes(
-      backgroundColor,
-    )
+    [style.colors.BLUE, style.colors.BLUE_PRESSED].includes(backgroundColor)
   ) {
     titleColor = style.colors.WHITE;
   }

src/pages/Donate.jsx

@@ -67,10 +67,7 @@ export default function Donate() {
         </Section>
 
         {/* Donate Online Section */}
-        <Section
-          backgroundColor={style.colors.BLUE}
-          title="How to Donate"
-        >
+        <Section backgroundColor={style.colors.BLUE} title="How to Donate">
           <div
             style={{
               display: "flex",

src/pages/policy/output/decile/IntraDecileImpact.jsx

@@ -25,7 +25,7 @@ export function ImpactPlot(props) {
 
   const colorMap = {
     "Gain more than 5%": style.colors.BLUE,
-    "Gain less than 5%": style.colors.BLUE_95,
+    "Gain less than 5%": style.colors.BLUE_LIGHT,
     "No change": style.colors.LIGHT_GRAY,
     "Lose less than 5%": style.colors.MEDIUM_LIGHT_GRAY,
     "Lose more than 5%": style.colors.DARK_GRAY,

src/style/colors.js

@@ -1,5 +1,4 @@
 const BLACK = "#000000";
-const BLUE_95 = "#D8E6F3";
 const BLUE_98 = "#F7FAFD";
 const BLUE = "#2C6496";
 const BLUE_LIGHT = "#D8E6F3";
@@ -20,7 +19,6 @@ const WHITE = "#FFFFFF";
 
 const colors = {
   BLACK,
-  BLUE_95,
   BLUE_98,
   BLUE,
   BLUE_LIGHT,