Merge pull request #1609 from twishasaraiya/theme/dismissable-banner

Modify theme for dismissable banner

packages/theme/src/themes.ts

@@ -41,6 +41,10 @@ export const lightTheme = createTheme({
     primary: {
       main: blue[500],
     },
+    banner: {
+      info: '#2E77D0',
+      error: '#E22134',
+    },
     border: '#E6E6E6',
     textContrast: '#000000',
     textVerySubtle: '#DDD',
@@ -90,6 +94,10 @@ export const darkTheme = createTheme({
     primary: {
       main: blue[500],
     },
+    banner: {
+      info: '#2E77D0',
+      error: '#E22134',
+    },
     border: '#E6E6E6',
     textContrast: '#FFFFFF',
     textVerySubtle: '#DDD',

packages/theme/src/types.ts

@@ -58,6 +58,10 @@ type PaletteAdditions = {
     icon: string;
     background: string;
   };
+  banner: {
+    info: string;
+    error: string;
+  };
 };
 
 export type BackstagePalette = Palette & PaletteAdditions;