aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-10-04 05:08:08 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-10-04 05:08:08 +0800
commit700b7068a157a0f9d3d6ce3f61150c2961d81617 (patch)
tree3e8d7df053ef2f3285bbcc5e45f2855a7853ee9b /packages
parentbce43a0050056195acb9c4890f57526985268da9 (diff)
downloaddexon-sol-tools-700b7068a157a0f9d3d6ce3f61150c2961d81617.tar
dexon-sol-tools-700b7068a157a0f9d3d6ce3f61150c2961d81617.tar.gz
dexon-sol-tools-700b7068a157a0f9d3d6ce3f61150c2961d81617.tar.bz2
dexon-sol-tools-700b7068a157a0f9d3d6ce3f61150c2961d81617.tar.lz
dexon-sol-tools-700b7068a157a0f9d3d6ce3f61150c2961d81617.tar.xz
dexon-sol-tools-700b7068a157a0f9d3d6ce3f61150c2961d81617.tar.zst
dexon-sol-tools-700b7068a157a0f9d3d6ce3f61150c2961d81617.zip
Add styled-components with theme
Diffstat (limited to 'packages')
-rw-r--r--packages/instant/package.json5
-rw-r--r--packages/instant/src/components/zero_ex_instant.tsx8
-rw-r--r--packages/instant/src/style/theme.ts27
3 files changed, 38 insertions, 2 deletions
diff --git a/packages/instant/package.json b/packages/instant/package.json
index 365312a70..9f97b1caa 100644
--- a/packages/instant/package.json
+++ b/packages/instant/package.json
@@ -51,7 +51,10 @@
"ethereum-types": "^1.0.8",
"lodash": "^4.17.10",
"react": "^16.5.2",
- "react-dom": "^16.5.2"
+ "react-dom": "^16.5.2",
+ "react-redux": "^5.0.7",
+ "redux": "^4.0.0",
+ "styled-components": "^3.4.9"
},
"devDependencies": {
"@0xproject/tslint-config": "^1.0.7",
diff --git a/packages/instant/src/components/zero_ex_instant.tsx b/packages/instant/src/components/zero_ex_instant.tsx
index 67e1b683d..43398cf3b 100644
--- a/packages/instant/src/components/zero_ex_instant.tsx
+++ b/packages/instant/src/components/zero_ex_instant.tsx
@@ -1,5 +1,11 @@
import * as React from 'react';
+import { ThemeProvider } from '../style/theme';
+
export interface ZeroExInstantProps {}
-export const ZeroExInstant: React.StatelessComponent<ZeroExInstantProps> = () => <div>ZeroExInstant</div>;
+export const ZeroExInstant: React.StatelessComponent<ZeroExInstantProps> = () => (
+ <ThemeProvider>
+ <div> ZeroExInstant </div>
+ </ThemeProvider>
+);
diff --git a/packages/instant/src/style/theme.ts b/packages/instant/src/style/theme.ts
new file mode 100644
index 000000000..838378c99
--- /dev/null
+++ b/packages/instant/src/style/theme.ts
@@ -0,0 +1,27 @@
+import * as styledComponents from 'styled-components';
+
+const {
+ default: styled,
+ css,
+ injectGlobal,
+ keyframes,
+ ThemeProvider,
+} = styledComponents as styledComponents.ThemedStyledComponentsModule<IThemeInterface>;
+
+export interface IThemeInterface {
+ primaryColor: string;
+ black: string;
+ white: string;
+ darkGrey: string;
+ lightGrey: string;
+}
+
+export const theme: IThemeInterface = {
+ primaryColor: '#512D80',
+ black: 'black',
+ lightGrey: '#999999',
+ darkGrey: '#333333',
+ white: 'white',
+};
+
+export { styled, css, injectGlobal, keyframes, ThemeProvider };