From 817d9b0d3e1becdb2e8dbf51caa09edab8d14ab0 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Fri, 1 Jun 2018 11:40:06 -0700
Subject: Add styled-components and polished

---
 packages/website/ts/style/colors.ts  | 19 +++++++++++++++++++
 packages/website/ts/style/theme.ts   | 15 +++++++++++++++
 packages/website/ts/style/z_index.ts |  5 +++++
 3 files changed, 39 insertions(+)
 create mode 100644 packages/website/ts/style/colors.ts
 create mode 100644 packages/website/ts/style/theme.ts
 create mode 100644 packages/website/ts/style/z_index.ts

(limited to 'packages/website/ts/style')

diff --git a/packages/website/ts/style/colors.ts b/packages/website/ts/style/colors.ts
new file mode 100644
index 000000000..5ffdd6ba7
--- /dev/null
+++ b/packages/website/ts/style/colors.ts
@@ -0,0 +1,19 @@
+import { colors as sharedColors } from '@0xproject/react-shared';
+
+const appColors = {
+    walletBoxShadow: 'rgba(56, 59, 137, 0.2)',
+    walletBorder: '#ededee',
+    walletDefaultItemBackground: '#fbfbfc',
+    walletFocusedItemBackground: '#f0f1f4',
+    allowanceToggleShadow: 'rgba(0, 0, 0, 0)',
+    allowanceToggleOffTrack: '#adadad',
+    allowanceToggleOnTrack: sharedColors.mediumBlue,
+    wrapEtherConfirmationButton: sharedColors.mediumBlue,
+    drawerMenuBackground: '#4a4a4a',
+    menuItemDefaultSelectedBackground: '#424242',
+};
+
+export const colors = {
+    ...sharedColors,
+    ...appColors,
+};
diff --git a/packages/website/ts/style/theme.ts b/packages/website/ts/style/theme.ts
new file mode 100644
index 000000000..9e447e7ee
--- /dev/null
+++ b/packages/website/ts/style/theme.ts
@@ -0,0 +1,15 @@
+import * as styledComponents from 'styled-components';
+
+const {
+    default: styled,
+    css,
+    injectGlobal,
+    keyframes,
+    ThemeProvider,
+} = styledComponents as styledComponents.ThemedStyledComponentsModule<IThemeInterface>;
+
+export interface IThemeInterface {}
+
+export const theme = {};
+
+export { styled, css, injectGlobal, keyframes, ThemeProvider };
diff --git a/packages/website/ts/style/z_index.ts b/packages/website/ts/style/z_index.ts
new file mode 100644
index 000000000..0411cdd91
--- /dev/null
+++ b/packages/website/ts/style/z_index.ts
@@ -0,0 +1,5 @@
+export const zIndex = {
+    topBar: 1100,
+    overlay: 1105,
+    aboveOverlay: 1106,
+};
-- 
cgit