3 files changed, 6 insertions, 1 deletions

diff --git a/packages/theme/package-lock.json b/packages/theme/package-lock.json
index f188e8d98..a1673ffe8 100644
--- a/packages/theme/package-lock.json
+++ b/packages/theme/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@meetfranz/theme",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts
index bc2db5ca0..58ef63217 100644
--- a/packages/theme/src/themes/dark/index.ts
+++ b/packages/theme/src/themes/dark/index.ts
@@ -43,6 +43,7 @@ export const buttonWarningTextColor = legacyStyles.darkThemeTextColor;
 export const buttonLoaderColor = {
   primary: '#FFF',
   secondary: buttonSecondaryTextColor,
+  success: '#FFF',
   warning: '#FFF',
   danger: '#FFF',
   inverted: defaultStyles.brandPrimary,
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts
index 92b82cff1..0f78928c3 100644
--- a/packages/theme/src/themes/default/index.ts
+++ b/packages/theme/src/themes/default/index.ts
@@ -58,6 +58,9 @@ export const buttonPrimaryTextColor = '#FFF';
 export const buttonSecondaryBackground = legacyStyles.themeGrayLighter;
 export const buttonSecondaryTextColor = legacyStyles.themeGray;
 
+export const buttonSuccessBackground = brandSuccess;
+export const buttonSuccessTextColor = '#FFF';
+
 export const buttonDangerBackground = brandDanger;
 export const buttonDangerTextColor = '#FFF';
 
@@ -71,6 +74,7 @@ export const buttonInvertedBorder = `1px solid ${brandPrimary}`;
 export const buttonLoaderColor = {
   primary: '#FFF',
   secondary: buttonSecondaryTextColor,
+  success: '#FFF',
   warning: '#FFF',
   danger: '#FFF',
   inverted: brandPrimary,