2019-02-10 09:52:34 -08:00
|
|
|
// @flow
|
|
|
|
|
2019-02-15 18:59:05 -08:00
|
|
|
const white = '#FFFFFF';
|
2019-02-16 19:34:12 -08:00
|
|
|
const whiteHover = '#F9FBFE';
|
2019-02-15 18:59:05 -08:00
|
|
|
const offWhite = '#F9F9F9';
|
|
|
|
const black = '#000000';
|
2019-02-10 12:25:09 -08:00
|
|
|
const text = '#142533';
|
2019-02-15 18:59:05 -08:00
|
|
|
const secondaryText = '#777777';
|
|
|
|
const brand = '#5684EB';
|
2019-02-10 12:25:09 -08:00
|
|
|
const error = '#FF6C6C';
|
2019-02-16 19:34:12 -08:00
|
|
|
const success = '#66BE54';
|
2019-02-15 18:59:05 -08:00
|
|
|
const logo = '#F4B728';
|
|
|
|
const logo2 = '#FFE240';
|
|
|
|
const border = '#DDDDDD';
|
2019-02-10 12:25:09 -08:00
|
|
|
|
2019-02-10 09:52:34 -08:00
|
|
|
export const LIGHT_COLORS = {
|
2019-02-10 12:25:09 -08:00
|
|
|
// General
|
2019-02-15 18:59:05 -08:00
|
|
|
text,
|
2019-02-24 10:07:46 -08:00
|
|
|
background: offWhite,
|
|
|
|
divider: '#AAAAAA',
|
|
|
|
inactiveItem: success,
|
2019-02-10 12:25:09 -08:00
|
|
|
activeItem: brand,
|
|
|
|
|
2019-02-24 10:07:46 -08:00
|
|
|
// Header
|
|
|
|
headerTitle: text,
|
|
|
|
|
|
|
|
// Select
|
|
|
|
selectButtonShadow: 'rgba(238,201,76,0.65)',
|
|
|
|
|
|
|
|
// Send View (Additional Options Section)
|
|
|
|
sendAdditionalOptionsBg: white,
|
|
|
|
sendAdditionalOptionsBorder: border,
|
|
|
|
sendAdditionalInputBg: offWhite,
|
|
|
|
sendAdditionalInputText: white,
|
|
|
|
|
2019-02-17 19:56:50 -08:00
|
|
|
// Dropdown
|
2019-02-18 10:04:41 -08:00
|
|
|
dropdownBg: offWhite,
|
|
|
|
dropdownHoveredBg: white,
|
2019-02-17 19:56:50 -08:00
|
|
|
dropdownBorder: border,
|
2019-02-18 10:04:41 -08:00
|
|
|
dropdownIconBorder: '#c1c1c1',
|
|
|
|
dropdownOpenedIconBorder: '#828282',
|
2019-02-17 19:56:50 -08:00
|
|
|
|
2019-02-24 10:07:46 -08:00
|
|
|
// Card
|
|
|
|
cardBackgroundColor: black,
|
|
|
|
sendCardBg: white,
|
|
|
|
sendCardBorder: border,
|
|
|
|
|
2019-02-10 12:25:09 -08:00
|
|
|
// Buttons
|
2019-02-18 08:20:47 -08:00
|
|
|
buttonPrimaryBg: brand,
|
|
|
|
buttonPrimaryDisabledBg: brand,
|
2019-02-10 12:25:09 -08:00
|
|
|
buttonPrimaryText: white,
|
2019-02-18 08:20:47 -08:00
|
|
|
buttonSecondaryBg: '#989898',
|
|
|
|
buttonSecondaryDisabledBg: brand,
|
|
|
|
buttonSecondaryBorder: '#989898',
|
|
|
|
buttonSecondaryText: white,
|
|
|
|
buttonSecondaryHoveredBg: '#aaa',
|
2019-02-24 10:07:46 -08:00
|
|
|
buttonBorderColor: '#3E3C42',
|
2019-02-10 12:25:09 -08:00
|
|
|
|
|
|
|
// Transactions
|
|
|
|
transactionSent: error,
|
|
|
|
transactionReceived: success,
|
2019-02-15 18:59:05 -08:00
|
|
|
transactionsDate: secondaryText,
|
2019-02-10 09:52:34 -08:00
|
|
|
transactionsItemHovered: '#222222',
|
2019-02-16 19:34:12 -08:00
|
|
|
transactionItemBg: white,
|
|
|
|
transactionItemHoverBg: whiteHover,
|
|
|
|
transactionItemBorder: border,
|
|
|
|
transactionItemAddress: '#666666',
|
|
|
|
transactionItemAddressHover: '#666666',
|
|
|
|
transactionDetailsShadow: `0px 0px 1px 0px ${black}`,
|
|
|
|
transactionDetailsBg: white,
|
|
|
|
transactionDetailsRowHover: whiteHover,
|
|
|
|
transactionDetailsDivider: border,
|
|
|
|
transactionDetailsLabel: '#999999',
|
2019-02-10 12:25:09 -08:00
|
|
|
|
2019-02-15 18:59:05 -08:00
|
|
|
// Status Pill
|
2019-02-10 12:25:09 -08:00
|
|
|
statusPillLabel: text,
|
2019-02-16 19:48:10 -08:00
|
|
|
statusPillBg: '#F9FBFE',
|
2019-02-15 18:59:05 -08:00
|
|
|
statusPillBorder: border,
|
|
|
|
|
2019-02-24 10:07:46 -08:00
|
|
|
// Sidebar
|
|
|
|
sidebarBg: white,
|
|
|
|
sidebarBorderRight: border,
|
|
|
|
sidebarLogoGradientBegin: logo,
|
|
|
|
sidebarLogoGradientEnd: logo2,
|
|
|
|
sidebarHoveredItemLabel: '#8E8E96',
|
|
|
|
sidebarItem: '#aaa',
|
|
|
|
sidebarItemActive: text,
|
|
|
|
sidebarItemHovered: text,
|
|
|
|
sidebarItemHoveredBg: offWhite,
|
|
|
|
sidebarActiveItemLabel: '#8E8E96',
|
|
|
|
sidebarActiveItemBorder: 'red',
|
|
|
|
|
2019-02-16 19:34:12 -08:00
|
|
|
// QR Code
|
2019-02-15 18:59:05 -08:00
|
|
|
qrCodeWrapperBg: white,
|
2019-02-18 10:04:41 -08:00
|
|
|
qrCodeWrapperBorder: border,
|
2019-02-10 12:25:09 -08:00
|
|
|
|
2019-02-24 10:07:46 -08:00
|
|
|
// Forms
|
|
|
|
inputBg: white,
|
|
|
|
inputBorder: border,
|
|
|
|
inputBorderActive: '#828282',
|
2019-02-10 12:25:09 -08:00
|
|
|
|
|
|
|
// Wallet Summary
|
|
|
|
walletSummaryBg: white,
|
2019-02-15 18:59:05 -08:00
|
|
|
walletSummaryBorder: border,
|
|
|
|
|
2019-02-17 19:56:50 -08:00
|
|
|
// Wallet Address
|
|
|
|
walletAddressBg: white,
|
|
|
|
walletAddressBorder: border,
|
2019-02-18 15:40:15 -08:00
|
|
|
walletAddressInput: '#666',
|
|
|
|
walletAddressInputHovered: black,
|
|
|
|
walletAddressTooltip: white,
|
|
|
|
walletAddressTooltipBg: black,
|
2019-02-17 19:56:50 -08:00
|
|
|
|
2019-02-10 12:25:09 -08:00
|
|
|
// Console
|
|
|
|
consoleBg: white,
|
2019-02-16 19:48:10 -08:00
|
|
|
consoleBorder: border,
|
2019-02-10 12:25:09 -08:00
|
|
|
|
2019-02-18 07:45:34 -08:00
|
|
|
// Settings
|
|
|
|
settingsCardBg: white,
|
|
|
|
settingsLearnMore: '#a0a0a0',
|
|
|
|
settingsLearnMoreHovered: '#000',
|
2019-02-18 15:40:15 -08:00
|
|
|
|
|
|
|
// Loading
|
2019-02-24 10:07:46 -08:00
|
|
|
loadingScreenBg: black,
|
2019-02-18 15:40:15 -08:00
|
|
|
loadingScreenText: white,
|
2019-02-10 09:52:34 -08:00
|
|
|
};
|