Merge pull request #905 from amitamrutiya/add-token-new

feat: add new electedComponents token to sistent with new grey shades
layer5io · Feb 3, 2025 · 0fd31c7 · 0fd31c7
2 parents b8ea04e + 8688851
commit 0fd31c7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/theme/colors/colors.ts b/src/theme/colors/colors.ts
@@ -104,7 +104,8 @@ export const charcoal = {
 
 export const gray = {
   10: '#1A1A1A',
-  20: '#212121'
+  20: '#212121',
+  30: '#303030'
 };
 
 export const accentGrey = {

diff --git a/src/theme/palette.ts b/src/theme/palette.ts
@@ -19,6 +19,7 @@ declare module '@mui/material/styles' {
       default: string;
     };
     tabs?: string;
+    elevatedComponents?: string;
     card?: string;
     tertiary?: string;
     hover?: string;
@@ -198,6 +199,7 @@ export const lightModePalette: PaletteOptions = {
     tertiary: Colors.accentGrey[80],
     tabs: Colors.accentGrey[100], // TODO: Make this name or token to more genric
     card: Colors.charcoal[100],
+    elevatedComponents: Colors.WHITE,
     hover: Colors.charcoal[90],
     supplementary: Colors.accentGrey[40],
     blur: {
@@ -316,6 +318,7 @@ export const darkModePalette: PaletteOptions = {
     tertiary: Colors.accentGrey[30],
     tabs: Colors.gray[10], // TODO: Make this name or token to more genric
     card: Colors.gray[20],
+    elevatedComponents: Colors.gray[30],
     hover: Colors.charcoal[20],
     supplementary: Colors.accentGrey[40],
     blur: {