From 054ca60fc377965f35f06afed62b0ae196957fe7 Mon Sep 17 00:00:00 2001
From: Ankita Sahu <71656941+SAHU-01@users.noreply.github.com>
Date: Tue, 7 Jan 2025 19:45:55 +0530
Subject: [PATCH] feat(tabs): add grey background color

Signed-off-by: Ankita Sahu <71656941+SAHU-01@users.noreply.github.com>
---
 src/theme/colors/colors.ts | 1 +
 src/theme/palette.ts       | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/theme/colors/colors.ts b/src/theme/colors/colors.ts
index 8823dc584..45c94f786 100644
--- a/src/theme/colors/colors.ts
+++ b/src/theme/colors/colors.ts
@@ -89,6 +89,7 @@ export const saffron = {
  * Grayscale Colors
  */
 export const charcoal = {
+  110: '#525252',
   100: '#FDFDFD',
   90: '#EAEDEE',
   80: '#D2D8DA',
diff --git a/src/theme/palette.ts b/src/theme/palette.ts
index cba6b52b4..d1165091c 100644
--- a/src/theme/palette.ts
+++ b/src/theme/palette.ts
@@ -18,6 +18,7 @@ declare module '@mui/material/styles' {
     graphics?: {
       default: string;
     };
+    tabs?: string;
     tertiary?: string;
     hover?: string;
     blur?: {
@@ -194,6 +195,7 @@ export const lightModePalette: PaletteOptions = {
     default: Colors.charcoal[100],
     secondary: Colors.accentGrey[90],
     tertiary: Colors.accentGrey[80],
+    tabs: Colors.charcoal[70],
     hover: Colors.charcoal[90],
     supplementary: Colors.accentGrey[40],
     blur: {
@@ -309,6 +311,7 @@ export const darkModePalette: PaletteOptions = {
     default: Colors.charcoal[10],
     secondary: Colors.accentGrey[20],
     tertiary: Colors.accentGrey[30],
+    tabs: Colors.charcoal[110],
     hover: Colors.charcoal[20],
     supplementary: Colors.accentGrey[40],
     blur: {