aboutsummaryrefslogtreecommitdiffstats
path: root/packages/react-shared/src/utils
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-03-21 11:55:11 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-03-23 14:13:49 +0800
commitdc3be992a3a1d5f352b65effa5c05f69f8e3272c (patch)
treee57938fa5655ae6e8251090f5a1f10a779f7c81a /packages/react-shared/src/utils
parentbed7d87b7ff64989051e6b2115a1c77e1e72ff55 (diff)
downloaddexon-sol-tools-dc3be992a3a1d5f352b65effa5c05f69f8e3272c.tar
dexon-sol-tools-dc3be992a3a1d5f352b65effa5c05f69f8e3272c.tar.gz
dexon-sol-tools-dc3be992a3a1d5f352b65effa5c05f69f8e3272c.tar.bz2
dexon-sol-tools-dc3be992a3a1d5f352b65effa5c05f69f8e3272c.tar.lz
dexon-sol-tools-dc3be992a3a1d5f352b65effa5c05f69f8e3272c.tar.xz
dexon-sol-tools-dc3be992a3a1d5f352b65effa5c05f69f8e3272c.tar.zst
dexon-sol-tools-dc3be992a3a1d5f352b65effa5c05f69f8e3272c.zip
Implement ETH/WETH conversion and allowance toggle styling
Diffstat (limited to 'packages/react-shared/src/utils')
-rw-r--r--packages/react-shared/src/utils/colors.ts21
1 files changed, 18 insertions, 3 deletions
diff --git a/packages/react-shared/src/utils/colors.ts b/packages/react-shared/src/utils/colors.ts
index ea0165305..7613414ae 100644
--- a/packages/react-shared/src/utils/colors.ts
+++ b/packages/react-shared/src/utils/colors.ts
@@ -1,7 +1,6 @@
import { colors as materialUiColors } from 'material-ui/styles';
-export const colors = {
- ...materialUiColors,
+const baseColors = {
gray40: '#F8F8F8',
grey50: '#FAFAFA',
grey100: '#F5F5F5',
@@ -27,6 +26,7 @@ export const colors = {
lightBlue: '#60A4F4',
lightBlueA700: '#0091EA',
linkBlue: '#1D5CDE',
+ mediumBlue: '#488AEA',
darkBlue: '#4D5481',
turquois: '#058789',
lightPurple: '#A81CA6',
@@ -45,7 +45,22 @@ export const colors = {
orange: '#E69D00',
amber800: '#FF8F00',
darkYellow: '#caca03',
+};
+
+const appColors = {
+ // wallet specific colors
walletBoxShadow: 'rgba(56, 59, 137, 0.2)',
- walletBorder: '#f5f5f6',
+ walletBorder: '#ededee',
walletDefaultItemBackground: '#fbfbfc',
+ walletFocusedItemBackground: '#f0f1f4',
+ allowanceToggleShadow: 'rgba(0, 0, 0, 0)',
+ allowanceToggleOffTrack: '#adadad',
+ allowanceToggleOnTrack: baseColors.mediumBlue,
+ wrapEtherConfirmationButton: baseColors.mediumBlue,
+};
+
+export const colors = {
+ ...materialUiColors,
+ ...baseColors,
+ ...appColors,
};