colors added status

Signed-off-by: FaheemOnHub <faheemmushtaq89@gmail.com>

Author: FaheemOnHub

src/custom/CustomCatalog/style.tsx

@@ -1,5 +1,5 @@
 import { styled, Typography } from '@mui/material';
-import { accentGrey, DARK_PRIMARY_COLOR, GRAY97, slateGray, WHITESMOKE } from '../../theme';
+import { accentGrey, DARK_PRIMARY_COLOR, GRAY97, WHITESMOKE } from '../../theme';
 import { charcoal, DARK_TEAL, SNOW_WHITE } from '../../theme/colors/colors';
 
 type DesignCardProps = {
@@ -52,9 +52,9 @@ export const StyledInnerClassWrapper = styled('div')<StyledInnerClassWrapperProp
   theme
 }) => {
   const mapToColor: Record<string, string> = {
-    community: slateGray.main,
-    official: theme.palette.background.cta?.default || '#EBC017',
-    verified: theme.palette.background.brand?.default || '#00B39F'
+    community: theme.palette.status?.community,
+    official: theme.palette.status?.official,
+    verified: theme.palette.status?.verified
   };
   return {
     font: 'bold 10px sans-serif',

src/theme/palette.ts

@@ -174,6 +174,9 @@ declare module '@mui/material/styles' {
       warning: string;
       error: string;
       info: string;
+      community: string;
+      official: string;
+      verified: string;
     };
   }
 
@@ -273,6 +276,9 @@ declare module '@mui/material/styles' {
       warning: string;
       error: string;
       info: string;
+      community: string;
+      official: string;
+      verified: string;
     };
   }
 }
@@ -434,7 +440,10 @@ export const lightModePalette: PaletteOptions = {
     success: Colors.notificationColors.success.main,
     warning: Colors.notificationColors.warning.main,
     error: Colors.notificationColors.error.main,
-    info: Colors.notificationColors.info.main
+    info: Colors.notificationColors.info.main,
+    community: Colors.slateGray.main,
+    official: Colors.saffron[40],
+    verified: Colors.keppel[40]
   }
 };
 
@@ -591,6 +600,9 @@ export const darkModePalette: PaletteOptions = {
     success: Colors.notificationColors.success.main,
     warning: Colors.notificationColors.warning.main,
     error: Colors.notificationColors.error.main,
-    info: Colors.notificationColors.info.main
+    info: Colors.notificationColors.info.main,
+    community: Colors.slateGray.main,
+    official: Colors.saffron[40],
+    verified: Colors.keppel[40]
   }
 };

src/theme/theme.ts

@@ -299,10 +299,14 @@ export const createCustomTheme = (mode: PaletteMode, primitives?: PrimitivePalet
           }
         },
         status: {
+          //->org-independent status colors
           success: Colors.notificationColors.success.main,
           warning: Colors.notificationColors.warning.main,
           error: Colors.notificationColors.error.main,
-          info: Colors.notificationColors.info.main
+          info: Colors.notificationColors.info.main,
+          community: Colors.slateGray.main,
+          official: Colors.saffron[40],
+          verified: Colors.keppel[40]
         }
       }
     : {};