From 48e79eba3d112f4008d2cd4afcdcbed61f1cd0d3 Mon Sep 17 00:00:00 2001
From: Dan Rosenthal <dan.rosenthal@shopify.com>
Date: Fri, 4 Oct 2019 10:19:45 -0400
Subject: [PATCH] fix default topbar colors

---
 src/components/ThemeProvider/tests/ThemeProvider.test.tsx | 4 ++--
 src/utilities/theme/utils.ts                              | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ThemeProvider/tests/ThemeProvider.test.tsx b/src/components/ThemeProvider/tests/ThemeProvider.test.tsx
index b52f703d535..34f912fbefd 100644
--- a/src/components/ThemeProvider/tests/ThemeProvider.test.tsx
+++ b/src/components/ThemeProvider/tests/ThemeProvider.test.tsx
@@ -56,8 +56,8 @@ describe('<ThemeProvider />', () => {
     expect(wrapper.find('div').props().style).toStrictEqual(
       expect.objectContaining({
         '--top-bar-background': '#00848e',
-        '--top-bar-background-lighter': '#f9fafb',
-        '--top-bar-color': '#1d9ba4',
+        '--top-bar-background-lighter': '#1d9ba4',
+        '--top-bar-color': '#f9fafb',
       }),
     );
   });
diff --git a/src/utilities/theme/utils.ts b/src/utilities/theme/utils.ts
index 10847be8424..f31b10dce64 100644
--- a/src/utilities/theme/utils.ts
+++ b/src/utilities/theme/utils.ts
@@ -259,7 +259,7 @@ function buildLegacyColors(theme?: ThemeConfig): CustomPropertiesLike {
   const colors =
     theme && theme.colors && theme.colors.topBar
       ? theme.colors.topBar
-      : {background: '#00848e', backgroundLighter: '#f9fafb', color: '#1d9ba4'};
+      : {background: '#00848e', backgroundLighter: '#1d9ba4', color: '#f9fafb'};
 
   const colorKey = 'topBar';
   const colorKeys = Object.keys(colors);