Changes based on feedback

Signed-off-by: Andre Wanlin <awanlin@rapidrtc.com>

packages/theme/src/pageTheme.ts

@@ -52,6 +52,7 @@ export const colorVariants: Record<string, string[]> = {
   eveningSea: ['#00FFF2', '#035355'],
   teal: ['#005B4B'],
   pinkSea: ['#C8077A', '#C2297D'],
+  greens: ['#4BB8A5', '#187656'],
 };
 
 /**
@@ -86,4 +87,5 @@ export const pageTheme: Record<string, PageTheme> = {
   other: genPageTheme(colorVariants.darkGrey, shapes.wave),
   app: genPageTheme(colorVariants.toastyOrange, shapes.wave),
   apis: genPageTheme(colorVariants.teal, shapes.wave2),
+  card: genPageTheme(colorVariants.greens, shapes.wave),
 };

packages/theme/src/themes.ts

@@ -39,6 +39,10 @@ export const lightTheme = createTheme({
     },
     bursts: {
       fontColor: '#FEFEFE',
+      slackChannelText: '#ddd',
+      backgroundColor: {
+        default: '#7C3699',
+      },
       gradient: {
         linear: 'linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)',
       },
@@ -112,6 +116,10 @@ export const darkTheme = createTheme({
     },
     bursts: {
       fontColor: '#FEFEFE',
+      slackChannelText: '#ddd',
+      backgroundColor: {
+        default: '#7C3699',
+      },
       gradient: {
         linear: 'linear-gradient(-137deg, #4BB8A5 0%, #187656 100%)',
       },

packages/theme/src/types.ts

@@ -63,8 +63,15 @@ export type BackstagePaletteAdditions = {
   tabbar: {
     indicator: string;
   };
+  /**
+   * @deprecated The entire `bursts` section will be removed in a future release
+   */
   bursts: {
     fontColor: string;
+    slackChannelText: string;
+    backgroundColor: {
+      default: string;
+    };
     gradient: {
       linear: string;
     };