diff options
| author | Brandon Millman <brandon@0xproject.com> | 2018-03-30 05:00:37 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-30 05:00:37 +0800 |
| commit | 6122840241a47119b046b639e326cfead1ea3e10 (patch) | |
| tree | f7a4790c5dbd2757da01468463699064f121a465 /packages/react-shared | |
| parent | c4dd9658e791a9f821ea3b6eb4326bcba53b081a (diff) | |
| parent | 03b00ef8da0bafc464e14e5d8225b9a9514b19bd (diff) | |
| download | dexon-sol-tools-6122840241a47119b046b639e326cfead1ea3e10.tar dexon-sol-tools-6122840241a47119b046b639e326cfead1ea3e10.tar.gz dexon-sol-tools-6122840241a47119b046b639e326cfead1ea3e10.tar.bz2 dexon-sol-tools-6122840241a47119b046b639e326cfead1ea3e10.tar.lz dexon-sol-tools-6122840241a47119b046b639e326cfead1ea3e10.tar.xz dexon-sol-tools-6122840241a47119b046b639e326cfead1ea3e10.tar.zst dexon-sol-tools-6122840241a47119b046b639e326cfead1ea3e10.zip | |
Merge pull request #476 from 0xProject/feature/website/wallet-wrap
Implement ETH/WETH conversion and allowance toggle styling
Diffstat (limited to 'packages/react-shared')
| -rw-r--r-- | packages/react-shared/CHANGELOG.md | 1 | ||||
| -rw-r--r-- | packages/react-shared/src/utils/colors.ts | 21 |
2 files changed, 19 insertions, 3 deletions
diff --git a/packages/react-shared/CHANGELOG.md b/packages/react-shared/CHANGELOG.md index 51fb8e4b6..9fffd8ea3 100644 --- a/packages/react-shared/CHANGELOG.md +++ b/packages/react-shared/CHANGELOG.md @@ -4,3 +4,4 @@ * Added new colors (#468) * Fix section and menuItem text display to replace dashes with spaces. + * Reorganized colors and added new ones 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, }; |