2 files changed, 10 insertions, 2 deletions
diff --git a/packages/website/ts/style/colors.ts b/packages/website/ts/style/colors.ts
index f89dfc86e..356d72f7e 100644
--- a/packages/website/ts/style/colors.ts
+++ b/packages/website/ts/style/colors.ts
@@ -13,6 +13,14 @@ const appColors = {
     jobsPageOpenPositionRow: sharedColors.grey100,
     metaMaskOrange: '#f68c24',
     metaMaskTransparentOrange: 'rgba(255, 248, 242, 0.8)',
+    brandLight: '#00AE99',
+    brandDark: '#003831',
+    backgroundDark: '#111A19',
+    backgroundBlack: '#000000',
+    backgroundLight: '#F3F6F4',
+    textDarkPrimary: '#000000',
+    textDarkSecondary: '#5C5C5C',
+    white: '#fff',
     instantPrimaryBackground: '#222222',
     instantSecondaryBackground: '#333333',
     instantTertiaryBackground: '#444444',
diff --git a/packages/website/ts/style/theme.ts b/packages/website/ts/style/theme.ts
index ce7d6975d..94bd0169a 100644
--- a/packages/website/ts/style/theme.ts
+++ b/packages/website/ts/style/theme.ts
@@ -4,7 +4,7 @@ import * as styledComponents from 'styled-components';
 const {
     default: styled,
     css,
-    injectGlobal,
+    createGlobalStyle,
     keyframes,
     ThemeProvider,
 } = styledComponents as styledComponents.ThemedStyledComponentsModule<IThemeInterface>;
@@ -14,4 +14,4 @@ export interface IThemeInterface {}
 
 export const theme = {};
 
-export { styled, css, injectGlobal, keyframes, ThemeProvider };
+export { styled, css, createGlobalStyle, keyframes, ThemeProvider };