aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/style/theme.ts
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-10 02:06:22 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-10 02:06:22 +0800
commitdf91d343154bced69be86f7af4c4c702286cfd16 (patch)
tree35a540b849c38ce72a2b5bd5aedcc23f2b72ef6d /packages/instant/src/style/theme.ts
parentd703c13f8eca7f7139581468e86cf6d2fa067c1e (diff)
parentb4a11de097258d37fa9271e64fc28a1d012a8d26 (diff)
downloaddexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar
dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.gz
dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.bz2
dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.lz
dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.xz
dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.tar.zst
dexon-sol-tools-df91d343154bced69be86f7af4c4c702286cfd16.zip
Merge branch 'development' into feature/instant/buy-quote-heartbeat
Diffstat (limited to 'packages/instant/src/style/theme.ts')
-rw-r--r--packages/instant/src/style/theme.ts9
1 files changed, 7 insertions, 2 deletions
diff --git a/packages/instant/src/style/theme.ts b/packages/instant/src/style/theme.ts
index d10c9b72c..2653c38f7 100644
--- a/packages/instant/src/style/theme.ts
+++ b/packages/instant/src/style/theme.ts
@@ -1,6 +1,6 @@
import * as styledComponents from 'styled-components';
-const { default: styled, css, keyframes, withTheme, ThemeProvider } = styledComponents;
+const { default: styled, css, keyframes, withTheme, createGlobalStyle, ThemeProvider } = styledComponents;
export type Theme = { [key in ColorOption]: string };
@@ -15,6 +15,8 @@ export enum ColorOption {
white = 'white',
lightOrange = 'lightOrange',
darkOrange = 'darkOrange',
+ green = 'green',
+ red = 'red',
}
export const theme: Theme = {
@@ -28,9 +30,12 @@ export const theme: Theme = {
white: 'white',
lightOrange: '#F9F2ED',
darkOrange: '#F2994C',
+ green: '#3CB34F',
+ red: '#D00000',
};
export const transparentWhite = 'rgba(255,255,255,0.3)';
export const overlayBlack = 'rgba(0, 0, 0, 0.6)';
+export const completelyTransparent = 'rga(0, 0, 0, 0)';
-export { styled, css, keyframes, withTheme, ThemeProvider };
+export { styled, css, keyframes, withTheme, createGlobalStyle, ThemeProvider };