diff options
author | Francesco Agosti <francesco.agosti93@gmail.com> | 2018-10-11 09:27:54 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-10-11 09:27:54 +0800 |
commit | a5a033c359a1a00a144ae0655080b4e6d0e43c88 (patch) | |
tree | 50b79c4061c91753030bafa34ff6a60a5c97ea02 /packages/instant/src/style/theme.ts | |
parent | 01ccd8ff1a995f6b74f52533bc595cbc428b9eef (diff) | |
parent | 50442c3ebbf7a27e49f04a7f0512dcfed9686857 (diff) | |
download | dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.gz dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.bz2 dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.lz dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.xz dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.tar.zst dexon-sol-tools-a5a033c359a1a00a144ae0655080b4e6d0e43c88.zip |
Merge pull request #1114 from 0xProject/feature/instant/redux-styles-container
[instant] Add styles and redux to instant
Diffstat (limited to 'packages/instant/src/style/theme.ts')
-rw-r--r-- | packages/instant/src/style/theme.ts | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/instant/src/style/theme.ts b/packages/instant/src/style/theme.ts new file mode 100644 index 000000000..cf9da5378 --- /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; + +export type Theme = { [key in ColorOption]: string }; + +export enum ColorOption { + primaryColor = 'primaryColor', + black = 'black', + lightGrey = 'lightGrey', + grey = 'grey', + feintGrey = 'feintGrey', + darkGrey = 'darkGrey', + white = 'white', +} + +export const theme: Theme = { + primaryColor: '#512D80', + black: 'black', + lightGrey: '#999999', + grey: '#666666', + feintGrey: '#DEDEDE', + darkGrey: '#333333', + white: 'white', +}; + +export { styled, css, injectGlobal, keyframes, ThemeProvider }; |