2 files changed, 23 insertions, 1 deletions

diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts
index 9a66f3463..30cc19d99 100644
--- a/packages/theme/src/themes/dark/index.ts
+++ b/packages/theme/src/themes/dark/index.ts
@@ -65,7 +65,7 @@ export const selectOptionItemHoverColor = selectColor;
 export const selectSearchColor = inputBackground;
 
 // Modal
-export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).alpha(0.5).rgb().string();
+export const colorModalOverlayBackground = color(legacyStyles.darkThemeBlack).alpha(0.8).rgb().string();
 export const colorModalBackground = legacyStyles.darkThemeGrayDark;
 
 // Services
@@ -146,3 +146,14 @@ export const todos = merge({}, defaultStyles.todos, {
     background: legacyStyles.themeGrayLight,
   },
 });
+
+// TrialStatusBar
+export const trialStatusBar = merge({}, defaultStyles.trialStatusBar, {
+  bar: {
+    background: legacyStyles.darkThemeGray,
+  },
+  progressBar: {
+    background: legacyStyles.darkThemeGrayLighter,
+    progressIndicator: legacyStyles.darkThemeGrayLightest,
+  },
+});
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts
index 057fde72f..b484d9972 100644
--- a/packages/theme/src/themes/default/index.ts
+++ b/packages/theme/src/themes/default/index.ts
@@ -238,3 +238,14 @@ export const todos = {
     backgroundHover: styleTypes.primary.accent,
   },
 };
+
+// TrialStatusBar
+export const trialStatusBar = {
+  bar: {
+    background: legacyStyles.themeGray,
+  },
+  progressBar: {
+    background: legacyStyles.themeGrayLight,
+    progressIndicator: legacyStyles.themeGrayLighter,
+  },
+};