From 1f59a1a58c0f54c9eb46c8c98a5e3328bdc18203 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 22 Nov 2021 17:30:10 +0100
Subject: [PATCH] Update roadmap block color

---
 components/roadmap/home-roadmap-item.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/components/roadmap/home-roadmap-item.tsx b/components/roadmap/home-roadmap-item.tsx
index c1904b73a..5bb56b1e5 100644
--- a/components/roadmap/home-roadmap-item.tsx
+++ b/components/roadmap/home-roadmap-item.tsx
@@ -11,17 +11,17 @@ type RoadmapGridItemProps = {
 };
 
 const bgColorList = [
-  'blue.900',
-  'red.800',
-  'green.800',
-  'teal.800',
-  'blue.800',
-  'red.900',
-  'gray.900',
-  'teal.800',
-  'yellow.900',
-  'green.900',
-  'red.900'
+  'red.100',
+  'yellow.100',
+  'green.200',
+  'teal.200',
+  'blue.200',
+  'red.200',
+  'gray.200',
+  'teal.200',
+  'yellow.100',
+  'green.200',
+  'red.200'
 ];
 
 export function HomeRoadmapItem(props: RoadmapGridItemProps) {
@@ -47,7 +47,7 @@ export function HomeRoadmapItem(props: RoadmapGridItemProps) {
         </Tooltip>
       )}
 
-      <Heading fontSize={['17px', '17px', '22px']} mb='5px'>{title}</Heading>
+      <Heading fontSize={['17px', '17px', '22px']} color={bgColorList[colorIndex]} mb='5px'>{title}</Heading>
       <Text color='gray.200' fontSize={['13px']}>{subtitle}</Text>
 
       {isUpcoming && (