diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-18 04:35:20 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-19 02:35:13 +0800 |
| commit | 9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4 (patch) | |
| tree | a1efa0bd9617603586f59e3071b85dae40b8a331 /packages/website/ts/utils | |
| parent | 1d2617c826afaed60dc07e0f767b3530d20f161b (diff) | |
| download | dexon-sol-tools-9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4.tar dexon-sol-tools-9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4.tar.gz dexon-sol-tools-9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4.tar.bz2 dexon-sol-tools-9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4.tar.lz dexon-sol-tools-9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4.tar.xz dexon-sol-tools-9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4.tar.zst dexon-sol-tools-9ce7be050a04cde0ab5f6e894c70f6f63b0c1fd4.zip | |
Refactor portal specific colors out of react-shared
Diffstat (limited to 'packages/website/ts/utils')
| -rw-r--r-- | packages/website/ts/utils/colors.ts | 17 | ||||
| -rw-r--r-- | packages/website/ts/utils/wallet_item_styles.ts | 4 |
2 files changed, 20 insertions, 1 deletions
diff --git a/packages/website/ts/utils/colors.ts b/packages/website/ts/utils/colors.ts new file mode 100644 index 000000000..34db3f77e --- /dev/null +++ b/packages/website/ts/utils/colors.ts @@ -0,0 +1,17 @@ +import { colors as sharedColors } from '@0xproject/react-shared'; + +const appColors = { + walletBoxShadow: 'rgba(56, 59, 137, 0.2)', + walletBorder: '#ededee', + walletDefaultItemBackground: '#fbfbfc', + walletFocusedItemBackground: '#f0f1f4', + allowanceToggleShadow: 'rgba(0, 0, 0, 0)', + allowanceToggleOffTrack: '#adadad', + allowanceToggleOnTrack: sharedColors.mediumBlue, + wrapEtherConfirmationButton: sharedColors.mediumBlue, +}; + +export const colors = { + ...sharedColors, + ...appColors, +}; diff --git a/packages/website/ts/utils/wallet_item_styles.ts b/packages/website/ts/utils/wallet_item_styles.ts index 1ad304ce1..6b038efd2 100644 --- a/packages/website/ts/utils/wallet_item_styles.ts +++ b/packages/website/ts/utils/wallet_item_styles.ts @@ -1,4 +1,6 @@ -import { colors, Styles } from '@0xproject/react-shared'; +import { Styles } from '@0xproject/react-shared'; + +import { colors } from 'ts/utils/colors'; export const styles: Styles = { focusedItem: { |