@@ -393,17 +427,19 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--amounts-panel-asset-amount-text": "#515151",
"--amounts-panel-asset-name-text": "#515151",
"--amounts-panel-asset-worth-text": "#515151",
- "--amounts-panel-first-row-background": "#f2f2f2",
+ "--amounts-panel-first-row-background": "#F1F5FC",
"--amounts-panel-second-row-background": "#fff",
"--auth-inner-container-box-shadow": "-16px -16px 17px 0 rgba(255, 255, 255, 0.44),
16px 16px 20px 0 rgba(18, 21, 23, 0.24)",
- "--auth-main-container-background": "#EAF2F7",
- "--auth-scan-qr-border": "#f2f2f2",
+ "--auth-main-container-background": "#fff",
+ "--auth-scan-qr-border": "#F1F5FC",
"--base-link-color": "#3063c9",
"--base-main-background": "#EEF4F9",
"--base-scrollbar-thumb": "#5c677f",
"--base-scrollbar-track": "#fff",
- "--base-text": "#3D4D56",
+ "--base-text": "#282828",
+ "--button-active": "#fff",
+ "--button-active-hover": "#fff",
"--button-disabled": "#d6d9e0",
"--button-flag-icon-color": "#394152",
"--button-flag-icon-opacity": 0.3,
@@ -417,12 +453,21 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--button-primary-disabled-text-color": "#acbbc4",
"--button-primary-hover-background-image": "linear-gradient(180deg, #FFFFFF 2%, #E2EAEF 100%)",
"--button-primary-text": "#394152",
- "--button-priority-transfer-background": "#fff",
+ "--button-priority-active-hover": "#fff",
+ "--button-priority-button-container-background": "linear-gradient(180deg, #eff5f8 2%, #e4edf2 97%)",
+ "--button-priority-button-container-shadow": "-4px -4px 9px 0 rgba(255, 255, 255, 0.54), 4px 4px 13px 0 #c6ccd1, inset -1px -1px 0 0 #a4b0c3, inset 1px 1px 0 0 #ffffff",
+ "--button-priority-conditional-box-shadow": "none",
+ "--button-priority-disabled-opacity": "1",
+ "--button-priority-standard-icon-color": "#394152",
+ "--button-priority-transfer-background": "linear-gradient(180deg, #EAF2F7 2%, #E6F0F6 97%)",
+ "--button-priority-transfer-button-border": "1px solid #a4b0c3",
"--button-priority-transfer-color": "#394152",
- "--button-priority-transfer-disabled": "#fff",
+ "--button-priority-transfer-disabled": "transparent",
+ "--button-priority-transfer-disabled-color": "#CCD4D9",
"--button-secondary-background": "#fff",
- "--button-secondary-hover": "#f2f2f2",
+ "--button-secondary-hover": "#F1F5FC",
"--button-secondary-text": "#394152",
+ "--contacts-delete-contact-name": "#394152",
"--contacts-group-header-background": "#f6f7f8",
"--contacts-group-header-text": "#394152",
"--contacts-odd-numbered-row": "rgba(230, 230, 230, 0.1)",
@@ -430,38 +475,39 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--dashboard-asset-panel-total-background": "#F1F5FC",
"--dashboard-market-data-line": "#3fd0ae",
"--dashboard-price-history-current-price": "#394152",
- "--dashboard-token-balances-divider-line": "#f2f2f2",
+ "--dashboard-token-balances-divider-line": "#F1F5FC",
"--dashboard-total-wallet-value-odd-row": "#f8f8f8",
"--dashboard-total-wallet-value-total-text": "#394152",
"--header-bar-default-icon-color": "#394152",
- "--input-active": "linear-gradient(#f2f2f2, #f2f2f2), radial-gradient(circle at top left, #66eb8e, #6bdaf6)",
- "--input-background": "#F9FCFD",
+ "--input-active": "linear-gradient(#F1F5FC, #F1F5FC), radial-gradient(circle at top left, #66eb8e, #66eb8e)",
+ "--input-background": "#EAF2F7",
"--input-error": "#ee6d66",
"--input-error-text": "#fff",
"--input-icon": "#9ca0a9",
"--input-label": "#5c677f",
"--input-label-opacity": 0.5,
"--input-placeholder": "rgba(40, 40, 40, 0.5)",
- "--input-select-hover": "#e6e6e6",
+ "--input-select-hover": "#D4DEE4",
"--input-text": "#282828",
"--modal-overlay": "rgba(26, 54, 80, 0.25)",
- "--network-config-tooltip-background": "#f8f8f8",
+ "--network-config-tooltip-background": "#fff",
"--network-config-tooltip-color": "#394152",
"--network-config-tooltip-label": "#8D98AE",
"--news-content-border-color": "#ececec",
"--node-select-automatic-select-button-text": "#5c677f",
- "--node-select-header-background": "#f2f2f2",
- "--node-select-icon-color": "#3DF4A6",
+ "--node-select-header-background": "#F1F5FC",
+ "--node-select-icon-color": "#282828",
"--node-select-node-count": "#5c677f",
"--node-select-refresh-icon": "#394152",
"--notifications-error-icon-color": "#fff",
"--notifications-success-icon-color": "#fff",
"--panel-background": "#fff",
+ "--panel-box-shadow": "-3px -3px 17px 0 rgba(255, 255, 255, 0.83), 3px 3px 20px 0 rgba(18, 21, 23, 0.09)",
"--panel-full-height-background": "#fff",
"--panel-full-height-header-icon-color": "#394152",
"--panel-full-height-instructions-border": "rgba(0, 0, 0, 0.15)",
- "--panel-full-height-instructions-text": "#5c677f",
- "--panel-full-height-nav-background": "#f2f2f2",
+ "--panel-full-height-instructions-text": "#8297A0",
+ "--panel-full-height-nav-background": "#D4DEE4",
"--panel-header": "#D4DEE4",
"--panel-header-border": "#8d98ae",
"--panel-header-text": "#394152",
@@ -472,13 +518,14 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--qr-scan-animation-start": "rgba(57, 65, 82, 1)",
"--qr-scan-paused": "rgba(102, 237, 135, 0.6)",
"--secondary-button-icon-color": "#394152",
+ "--secondary-raised-base-text": "#7f8f98",
"--send-success-row-info": "#394152",
"--settings-donation-text": "#5c677f",
- "--settings-item-border-color": "#f2f2f2",
+ "--settings-item-border-color": "#F1F5FC",
"--settings-item-icon": "#cccccc",
"--settings-item-label": "#343b4a",
- "--settings-link-text": "#3DF4A6",
- "--settings-select-value-text": "#3DF4A6",
+ "--settings-link-text": "#32E096",
+ "--settings-select-value-text": "#32E096",
"--settings-spacer": "rgba(170, 178, 189, 0.3)",
"--side-bar-disabled-item-background": "#fff",
"--sidebar-active-background": "#F1F5FC",
@@ -489,9 +536,12 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--sidebar-shadow": "-16px -16px 17px 0 rgba(255,255,255,0.44), -3px 16px 20px 0 rgba(18,21,23,0.24)",
"--tab-border": "#394152",
"--tab-text": "#394152",
+ "--tx-icon-color": "#32E096",
+ "--tx-list-box-shadow": "-3px -3px 17px 0 rgba(255,255,255,0.44), 3px 4px 20px 0 rgba(18,21,23,0.24)",
"--tx-list-button-icon": "#394152",
"--tx-list-copy-icon": "#9599a2",
- "--tx-list-odd-row": "#f2f2f2",
+ "--tx-list-odd-row": "#F1F5FC",
+ "--view-layout-header-icon-color": "#282828",
"background": "var(--panel-background)",
"border": "none",
"borderRadius": "4px",
@@ -503,22 +553,25 @@ exports[`ConfirmModal should render without crashing 1`] = `
"margin": "auto",
"padding": 0,
"width": "500px",
+ "zIndex": 5000,
},
"overlay": Object {
"--amounts-panel-asset-amount-text": "#515151",
"--amounts-panel-asset-name-text": "#515151",
"--amounts-panel-asset-worth-text": "#515151",
- "--amounts-panel-first-row-background": "#f2f2f2",
+ "--amounts-panel-first-row-background": "#F1F5FC",
"--amounts-panel-second-row-background": "#fff",
"--auth-inner-container-box-shadow": "-16px -16px 17px 0 rgba(255, 255, 255, 0.44),
16px 16px 20px 0 rgba(18, 21, 23, 0.24)",
- "--auth-main-container-background": "#EAF2F7",
- "--auth-scan-qr-border": "#f2f2f2",
+ "--auth-main-container-background": "#fff",
+ "--auth-scan-qr-border": "#F1F5FC",
"--base-link-color": "#3063c9",
"--base-main-background": "#EEF4F9",
"--base-scrollbar-thumb": "#5c677f",
"--base-scrollbar-track": "#fff",
- "--base-text": "#3D4D56",
+ "--base-text": "#282828",
+ "--button-active": "#fff",
+ "--button-active-hover": "#fff",
"--button-disabled": "#d6d9e0",
"--button-flag-icon-color": "#394152",
"--button-flag-icon-opacity": 0.3,
@@ -532,12 +585,21 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--button-primary-disabled-text-color": "#acbbc4",
"--button-primary-hover-background-image": "linear-gradient(180deg, #FFFFFF 2%, #E2EAEF 100%)",
"--button-primary-text": "#394152",
- "--button-priority-transfer-background": "#fff",
+ "--button-priority-active-hover": "#fff",
+ "--button-priority-button-container-background": "linear-gradient(180deg, #eff5f8 2%, #e4edf2 97%)",
+ "--button-priority-button-container-shadow": "-4px -4px 9px 0 rgba(255, 255, 255, 0.54), 4px 4px 13px 0 #c6ccd1, inset -1px -1px 0 0 #a4b0c3, inset 1px 1px 0 0 #ffffff",
+ "--button-priority-conditional-box-shadow": "none",
+ "--button-priority-disabled-opacity": "1",
+ "--button-priority-standard-icon-color": "#394152",
+ "--button-priority-transfer-background": "linear-gradient(180deg, #EAF2F7 2%, #E6F0F6 97%)",
+ "--button-priority-transfer-button-border": "1px solid #a4b0c3",
"--button-priority-transfer-color": "#394152",
- "--button-priority-transfer-disabled": "#fff",
+ "--button-priority-transfer-disabled": "transparent",
+ "--button-priority-transfer-disabled-color": "#CCD4D9",
"--button-secondary-background": "#fff",
- "--button-secondary-hover": "#f2f2f2",
+ "--button-secondary-hover": "#F1F5FC",
"--button-secondary-text": "#394152",
+ "--contacts-delete-contact-name": "#394152",
"--contacts-group-header-background": "#f6f7f8",
"--contacts-group-header-text": "#394152",
"--contacts-odd-numbered-row": "rgba(230, 230, 230, 0.1)",
@@ -545,38 +607,39 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--dashboard-asset-panel-total-background": "#F1F5FC",
"--dashboard-market-data-line": "#3fd0ae",
"--dashboard-price-history-current-price": "#394152",
- "--dashboard-token-balances-divider-line": "#f2f2f2",
+ "--dashboard-token-balances-divider-line": "#F1F5FC",
"--dashboard-total-wallet-value-odd-row": "#f8f8f8",
"--dashboard-total-wallet-value-total-text": "#394152",
"--header-bar-default-icon-color": "#394152",
- "--input-active": "linear-gradient(#f2f2f2, #f2f2f2), radial-gradient(circle at top left, #66eb8e, #6bdaf6)",
- "--input-background": "#F9FCFD",
+ "--input-active": "linear-gradient(#F1F5FC, #F1F5FC), radial-gradient(circle at top left, #66eb8e, #66eb8e)",
+ "--input-background": "#EAF2F7",
"--input-error": "#ee6d66",
"--input-error-text": "#fff",
"--input-icon": "#9ca0a9",
"--input-label": "#5c677f",
"--input-label-opacity": 0.5,
"--input-placeholder": "rgba(40, 40, 40, 0.5)",
- "--input-select-hover": "#e6e6e6",
+ "--input-select-hover": "#D4DEE4",
"--input-text": "#282828",
"--modal-overlay": "rgba(26, 54, 80, 0.25)",
- "--network-config-tooltip-background": "#f8f8f8",
+ "--network-config-tooltip-background": "#fff",
"--network-config-tooltip-color": "#394152",
"--network-config-tooltip-label": "#8D98AE",
"--news-content-border-color": "#ececec",
"--node-select-automatic-select-button-text": "#5c677f",
- "--node-select-header-background": "#f2f2f2",
- "--node-select-icon-color": "#3DF4A6",
+ "--node-select-header-background": "#F1F5FC",
+ "--node-select-icon-color": "#282828",
"--node-select-node-count": "#5c677f",
"--node-select-refresh-icon": "#394152",
"--notifications-error-icon-color": "#fff",
"--notifications-success-icon-color": "#fff",
"--panel-background": "#fff",
+ "--panel-box-shadow": "-3px -3px 17px 0 rgba(255, 255, 255, 0.83), 3px 3px 20px 0 rgba(18, 21, 23, 0.09)",
"--panel-full-height-background": "#fff",
"--panel-full-height-header-icon-color": "#394152",
"--panel-full-height-instructions-border": "rgba(0, 0, 0, 0.15)",
- "--panel-full-height-instructions-text": "#5c677f",
- "--panel-full-height-nav-background": "#f2f2f2",
+ "--panel-full-height-instructions-text": "#8297A0",
+ "--panel-full-height-nav-background": "#D4DEE4",
"--panel-header": "#D4DEE4",
"--panel-header-border": "#8d98ae",
"--panel-header-text": "#394152",
@@ -587,13 +650,14 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--qr-scan-animation-start": "rgba(57, 65, 82, 1)",
"--qr-scan-paused": "rgba(102, 237, 135, 0.6)",
"--secondary-button-icon-color": "#394152",
+ "--secondary-raised-base-text": "#7f8f98",
"--send-success-row-info": "#394152",
"--settings-donation-text": "#5c677f",
- "--settings-item-border-color": "#f2f2f2",
+ "--settings-item-border-color": "#F1F5FC",
"--settings-item-icon": "#cccccc",
"--settings-item-label": "#343b4a",
- "--settings-link-text": "#3DF4A6",
- "--settings-select-value-text": "#3DF4A6",
+ "--settings-link-text": "#32E096",
+ "--settings-select-value-text": "#32E096",
"--settings-spacer": "rgba(170, 178, 189, 0.3)",
"--side-bar-disabled-item-background": "#fff",
"--sidebar-active-background": "#F1F5FC",
@@ -604,11 +668,15 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--sidebar-shadow": "-16px -16px 17px 0 rgba(255,255,255,0.44), -3px 16px 20px 0 rgba(18,21,23,0.24)",
"--tab-border": "#394152",
"--tab-text": "#394152",
+ "--tx-icon-color": "#32E096",
+ "--tx-list-box-shadow": "-3px -3px 17px 0 rgba(255,255,255,0.44), 3px 4px 20px 0 rgba(18,21,23,0.24)",
"--tx-list-button-icon": "#394152",
"--tx-list-copy-icon": "#9599a2",
- "--tx-list-odd-row": "#f2f2f2",
+ "--tx-list-odd-row": "#F1F5FC",
+ "--view-layout-header-icon-color": "#282828",
"backgroundColor": "var(--modal-overlay)",
"margin": "auto",
+ "zIndex": 200,
},
}
}
@@ -623,17 +691,19 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--amounts-panel-asset-amount-text": "#515151",
"--amounts-panel-asset-name-text": "#515151",
"--amounts-panel-asset-worth-text": "#515151",
- "--amounts-panel-first-row-background": "#f2f2f2",
+ "--amounts-panel-first-row-background": "#F1F5FC",
"--amounts-panel-second-row-background": "#fff",
"--auth-inner-container-box-shadow": "-16px -16px 17px 0 rgba(255, 255, 255, 0.44),
16px 16px 20px 0 rgba(18, 21, 23, 0.24)",
- "--auth-main-container-background": "#EAF2F7",
- "--auth-scan-qr-border": "#f2f2f2",
+ "--auth-main-container-background": "#fff",
+ "--auth-scan-qr-border": "#F1F5FC",
"--base-link-color": "#3063c9",
"--base-main-background": "#EEF4F9",
"--base-scrollbar-thumb": "#5c677f",
"--base-scrollbar-track": "#fff",
- "--base-text": "#3D4D56",
+ "--base-text": "#282828",
+ "--button-active": "#fff",
+ "--button-active-hover": "#fff",
"--button-disabled": "#d6d9e0",
"--button-flag-icon-color": "#394152",
"--button-flag-icon-opacity": 0.3,
@@ -647,12 +717,21 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--button-primary-disabled-text-color": "#acbbc4",
"--button-primary-hover-background-image": "linear-gradient(180deg, #FFFFFF 2%, #E2EAEF 100%)",
"--button-primary-text": "#394152",
- "--button-priority-transfer-background": "#fff",
+ "--button-priority-active-hover": "#fff",
+ "--button-priority-button-container-background": "linear-gradient(180deg, #eff5f8 2%, #e4edf2 97%)",
+ "--button-priority-button-container-shadow": "-4px -4px 9px 0 rgba(255, 255, 255, 0.54), 4px 4px 13px 0 #c6ccd1, inset -1px -1px 0 0 #a4b0c3, inset 1px 1px 0 0 #ffffff",
+ "--button-priority-conditional-box-shadow": "none",
+ "--button-priority-disabled-opacity": "1",
+ "--button-priority-standard-icon-color": "#394152",
+ "--button-priority-transfer-background": "linear-gradient(180deg, #EAF2F7 2%, #E6F0F6 97%)",
+ "--button-priority-transfer-button-border": "1px solid #a4b0c3",
"--button-priority-transfer-color": "#394152",
- "--button-priority-transfer-disabled": "#fff",
+ "--button-priority-transfer-disabled": "transparent",
+ "--button-priority-transfer-disabled-color": "#CCD4D9",
"--button-secondary-background": "#fff",
- "--button-secondary-hover": "#f2f2f2",
+ "--button-secondary-hover": "#F1F5FC",
"--button-secondary-text": "#394152",
+ "--contacts-delete-contact-name": "#394152",
"--contacts-group-header-background": "#f6f7f8",
"--contacts-group-header-text": "#394152",
"--contacts-odd-numbered-row": "rgba(230, 230, 230, 0.1)",
@@ -660,38 +739,39 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--dashboard-asset-panel-total-background": "#F1F5FC",
"--dashboard-market-data-line": "#3fd0ae",
"--dashboard-price-history-current-price": "#394152",
- "--dashboard-token-balances-divider-line": "#f2f2f2",
+ "--dashboard-token-balances-divider-line": "#F1F5FC",
"--dashboard-total-wallet-value-odd-row": "#f8f8f8",
"--dashboard-total-wallet-value-total-text": "#394152",
"--header-bar-default-icon-color": "#394152",
- "--input-active": "linear-gradient(#f2f2f2, #f2f2f2), radial-gradient(circle at top left, #66eb8e, #6bdaf6)",
- "--input-background": "#F9FCFD",
+ "--input-active": "linear-gradient(#F1F5FC, #F1F5FC), radial-gradient(circle at top left, #66eb8e, #66eb8e)",
+ "--input-background": "#EAF2F7",
"--input-error": "#ee6d66",
"--input-error-text": "#fff",
"--input-icon": "#9ca0a9",
"--input-label": "#5c677f",
"--input-label-opacity": 0.5,
"--input-placeholder": "rgba(40, 40, 40, 0.5)",
- "--input-select-hover": "#e6e6e6",
+ "--input-select-hover": "#D4DEE4",
"--input-text": "#282828",
"--modal-overlay": "rgba(26, 54, 80, 0.25)",
- "--network-config-tooltip-background": "#f8f8f8",
+ "--network-config-tooltip-background": "#fff",
"--network-config-tooltip-color": "#394152",
"--network-config-tooltip-label": "#8D98AE",
"--news-content-border-color": "#ececec",
"--node-select-automatic-select-button-text": "#5c677f",
- "--node-select-header-background": "#f2f2f2",
- "--node-select-icon-color": "#3DF4A6",
+ "--node-select-header-background": "#F1F5FC",
+ "--node-select-icon-color": "#282828",
"--node-select-node-count": "#5c677f",
"--node-select-refresh-icon": "#394152",
"--notifications-error-icon-color": "#fff",
"--notifications-success-icon-color": "#fff",
"--panel-background": "#fff",
+ "--panel-box-shadow": "-3px -3px 17px 0 rgba(255, 255, 255, 0.83), 3px 3px 20px 0 rgba(18, 21, 23, 0.09)",
"--panel-full-height-background": "#fff",
"--panel-full-height-header-icon-color": "#394152",
"--panel-full-height-instructions-border": "rgba(0, 0, 0, 0.15)",
- "--panel-full-height-instructions-text": "#5c677f",
- "--panel-full-height-nav-background": "#f2f2f2",
+ "--panel-full-height-instructions-text": "#8297A0",
+ "--panel-full-height-nav-background": "#D4DEE4",
"--panel-header": "#D4DEE4",
"--panel-header-border": "#8d98ae",
"--panel-header-text": "#394152",
@@ -702,13 +782,14 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--qr-scan-animation-start": "rgba(57, 65, 82, 1)",
"--qr-scan-paused": "rgba(102, 237, 135, 0.6)",
"--secondary-button-icon-color": "#394152",
+ "--secondary-raised-base-text": "#7f8f98",
"--send-success-row-info": "#394152",
"--settings-donation-text": "#5c677f",
- "--settings-item-border-color": "#f2f2f2",
+ "--settings-item-border-color": "#F1F5FC",
"--settings-item-icon": "#cccccc",
"--settings-item-label": "#343b4a",
- "--settings-link-text": "#3DF4A6",
- "--settings-select-value-text": "#3DF4A6",
+ "--settings-link-text": "#32E096",
+ "--settings-select-value-text": "#32E096",
"--settings-spacer": "rgba(170, 178, 189, 0.3)",
"--side-bar-disabled-item-background": "#fff",
"--sidebar-active-background": "#F1F5FC",
@@ -719,9 +800,12 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--sidebar-shadow": "-16px -16px 17px 0 rgba(255,255,255,0.44), -3px 16px 20px 0 rgba(18,21,23,0.24)",
"--tab-border": "#394152",
"--tab-text": "#394152",
+ "--tx-icon-color": "#32E096",
+ "--tx-list-box-shadow": "-3px -3px 17px 0 rgba(255,255,255,0.44), 3px 4px 20px 0 rgba(18,21,23,0.24)",
"--tx-list-button-icon": "#394152",
"--tx-list-copy-icon": "#9599a2",
- "--tx-list-odd-row": "#f2f2f2",
+ "--tx-list-odd-row": "#F1F5FC",
+ "--view-layout-header-icon-color": "#282828",
"backgroundColor": "var(--modal-overlay)",
"bottom": 0,
"left": 0,
@@ -729,6 +813,7 @@ exports[`ConfirmModal should render without crashing 1`] = `
"position": "fixed",
"right": 0,
"top": 0,
+ "zIndex": 200,
}
}
>
@@ -743,17 +828,19 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--amounts-panel-asset-amount-text": "#515151",
"--amounts-panel-asset-name-text": "#515151",
"--amounts-panel-asset-worth-text": "#515151",
- "--amounts-panel-first-row-background": "#f2f2f2",
+ "--amounts-panel-first-row-background": "#F1F5FC",
"--amounts-panel-second-row-background": "#fff",
"--auth-inner-container-box-shadow": "-16px -16px 17px 0 rgba(255, 255, 255, 0.44),
16px 16px 20px 0 rgba(18, 21, 23, 0.24)",
- "--auth-main-container-background": "#EAF2F7",
- "--auth-scan-qr-border": "#f2f2f2",
+ "--auth-main-container-background": "#fff",
+ "--auth-scan-qr-border": "#F1F5FC",
"--base-link-color": "#3063c9",
"--base-main-background": "#EEF4F9",
"--base-scrollbar-thumb": "#5c677f",
"--base-scrollbar-track": "#fff",
- "--base-text": "#3D4D56",
+ "--base-text": "#282828",
+ "--button-active": "#fff",
+ "--button-active-hover": "#fff",
"--button-disabled": "#d6d9e0",
"--button-flag-icon-color": "#394152",
"--button-flag-icon-opacity": 0.3,
@@ -767,12 +854,21 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--button-primary-disabled-text-color": "#acbbc4",
"--button-primary-hover-background-image": "linear-gradient(180deg, #FFFFFF 2%, #E2EAEF 100%)",
"--button-primary-text": "#394152",
- "--button-priority-transfer-background": "#fff",
+ "--button-priority-active-hover": "#fff",
+ "--button-priority-button-container-background": "linear-gradient(180deg, #eff5f8 2%, #e4edf2 97%)",
+ "--button-priority-button-container-shadow": "-4px -4px 9px 0 rgba(255, 255, 255, 0.54), 4px 4px 13px 0 #c6ccd1, inset -1px -1px 0 0 #a4b0c3, inset 1px 1px 0 0 #ffffff",
+ "--button-priority-conditional-box-shadow": "none",
+ "--button-priority-disabled-opacity": "1",
+ "--button-priority-standard-icon-color": "#394152",
+ "--button-priority-transfer-background": "linear-gradient(180deg, #EAF2F7 2%, #E6F0F6 97%)",
+ "--button-priority-transfer-button-border": "1px solid #a4b0c3",
"--button-priority-transfer-color": "#394152",
- "--button-priority-transfer-disabled": "#fff",
+ "--button-priority-transfer-disabled": "transparent",
+ "--button-priority-transfer-disabled-color": "#CCD4D9",
"--button-secondary-background": "#fff",
- "--button-secondary-hover": "#f2f2f2",
+ "--button-secondary-hover": "#F1F5FC",
"--button-secondary-text": "#394152",
+ "--contacts-delete-contact-name": "#394152",
"--contacts-group-header-background": "#f6f7f8",
"--contacts-group-header-text": "#394152",
"--contacts-odd-numbered-row": "rgba(230, 230, 230, 0.1)",
@@ -780,38 +876,39 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--dashboard-asset-panel-total-background": "#F1F5FC",
"--dashboard-market-data-line": "#3fd0ae",
"--dashboard-price-history-current-price": "#394152",
- "--dashboard-token-balances-divider-line": "#f2f2f2",
+ "--dashboard-token-balances-divider-line": "#F1F5FC",
"--dashboard-total-wallet-value-odd-row": "#f8f8f8",
"--dashboard-total-wallet-value-total-text": "#394152",
"--header-bar-default-icon-color": "#394152",
- "--input-active": "linear-gradient(#f2f2f2, #f2f2f2), radial-gradient(circle at top left, #66eb8e, #6bdaf6)",
- "--input-background": "#F9FCFD",
+ "--input-active": "linear-gradient(#F1F5FC, #F1F5FC), radial-gradient(circle at top left, #66eb8e, #66eb8e)",
+ "--input-background": "#EAF2F7",
"--input-error": "#ee6d66",
"--input-error-text": "#fff",
"--input-icon": "#9ca0a9",
"--input-label": "#5c677f",
"--input-label-opacity": 0.5,
"--input-placeholder": "rgba(40, 40, 40, 0.5)",
- "--input-select-hover": "#e6e6e6",
+ "--input-select-hover": "#D4DEE4",
"--input-text": "#282828",
"--modal-overlay": "rgba(26, 54, 80, 0.25)",
- "--network-config-tooltip-background": "#f8f8f8",
+ "--network-config-tooltip-background": "#fff",
"--network-config-tooltip-color": "#394152",
"--network-config-tooltip-label": "#8D98AE",
"--news-content-border-color": "#ececec",
"--node-select-automatic-select-button-text": "#5c677f",
- "--node-select-header-background": "#f2f2f2",
- "--node-select-icon-color": "#3DF4A6",
+ "--node-select-header-background": "#F1F5FC",
+ "--node-select-icon-color": "#282828",
"--node-select-node-count": "#5c677f",
"--node-select-refresh-icon": "#394152",
"--notifications-error-icon-color": "#fff",
"--notifications-success-icon-color": "#fff",
"--panel-background": "#fff",
+ "--panel-box-shadow": "-3px -3px 17px 0 rgba(255, 255, 255, 0.83), 3px 3px 20px 0 rgba(18, 21, 23, 0.09)",
"--panel-full-height-background": "#fff",
"--panel-full-height-header-icon-color": "#394152",
"--panel-full-height-instructions-border": "rgba(0, 0, 0, 0.15)",
- "--panel-full-height-instructions-text": "#5c677f",
- "--panel-full-height-nav-background": "#f2f2f2",
+ "--panel-full-height-instructions-text": "#8297A0",
+ "--panel-full-height-nav-background": "#D4DEE4",
"--panel-header": "#D4DEE4",
"--panel-header-border": "#8d98ae",
"--panel-header-text": "#394152",
@@ -822,13 +919,14 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--qr-scan-animation-start": "rgba(57, 65, 82, 1)",
"--qr-scan-paused": "rgba(102, 237, 135, 0.6)",
"--secondary-button-icon-color": "#394152",
+ "--secondary-raised-base-text": "#7f8f98",
"--send-success-row-info": "#394152",
"--settings-donation-text": "#5c677f",
- "--settings-item-border-color": "#f2f2f2",
+ "--settings-item-border-color": "#F1F5FC",
"--settings-item-icon": "#cccccc",
"--settings-item-label": "#343b4a",
- "--settings-link-text": "#3DF4A6",
- "--settings-select-value-text": "#3DF4A6",
+ "--settings-link-text": "#32E096",
+ "--settings-select-value-text": "#32E096",
"--settings-spacer": "rgba(170, 178, 189, 0.3)",
"--side-bar-disabled-item-background": "#fff",
"--sidebar-active-background": "#F1F5FC",
@@ -839,9 +937,12 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--sidebar-shadow": "-16px -16px 17px 0 rgba(255,255,255,0.44), -3px 16px 20px 0 rgba(18,21,23,0.24)",
"--tab-border": "#394152",
"--tab-text": "#394152",
+ "--tx-icon-color": "#32E096",
+ "--tx-list-box-shadow": "-3px -3px 17px 0 rgba(255,255,255,0.44), 3px 4px 20px 0 rgba(18,21,23,0.24)",
"--tx-list-button-icon": "#394152",
"--tx-list-copy-icon": "#9599a2",
- "--tx-list-odd-row": "#f2f2f2",
+ "--tx-list-odd-row": "#F1F5FC",
+ "--view-layout-header-icon-color": "#282828",
"WebkitOverflowScrolling": "touch",
"background": "var(--panel-background)",
"border": "none",
@@ -861,6 +962,7 @@ exports[`ConfirmModal should render without crashing 1`] = `
"right": "40px",
"top": "40px",
"width": "500px",
+ "zIndex": 5000,
}
}
tabIndex="-1"
@@ -872,17 +974,19 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--amounts-panel-asset-amount-text": "#515151",
"--amounts-panel-asset-name-text": "#515151",
"--amounts-panel-asset-worth-text": "#515151",
- "--amounts-panel-first-row-background": "#f2f2f2",
+ "--amounts-panel-first-row-background": "#F1F5FC",
"--amounts-panel-second-row-background": "#fff",
"--auth-inner-container-box-shadow": "-16px -16px 17px 0 rgba(255, 255, 255, 0.44),
16px 16px 20px 0 rgba(18, 21, 23, 0.24)",
- "--auth-main-container-background": "#EAF2F7",
- "--auth-scan-qr-border": "#f2f2f2",
+ "--auth-main-container-background": "#fff",
+ "--auth-scan-qr-border": "#F1F5FC",
"--base-link-color": "#3063c9",
"--base-main-background": "#EEF4F9",
"--base-scrollbar-thumb": "#5c677f",
"--base-scrollbar-track": "#fff",
- "--base-text": "#3D4D56",
+ "--base-text": "#282828",
+ "--button-active": "#fff",
+ "--button-active-hover": "#fff",
"--button-disabled": "#d6d9e0",
"--button-flag-icon-color": "#394152",
"--button-flag-icon-opacity": 0.3,
@@ -896,12 +1000,21 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--button-primary-disabled-text-color": "#acbbc4",
"--button-primary-hover-background-image": "linear-gradient(180deg, #FFFFFF 2%, #E2EAEF 100%)",
"--button-primary-text": "#394152",
- "--button-priority-transfer-background": "#fff",
+ "--button-priority-active-hover": "#fff",
+ "--button-priority-button-container-background": "linear-gradient(180deg, #eff5f8 2%, #e4edf2 97%)",
+ "--button-priority-button-container-shadow": "-4px -4px 9px 0 rgba(255, 255, 255, 0.54), 4px 4px 13px 0 #c6ccd1, inset -1px -1px 0 0 #a4b0c3, inset 1px 1px 0 0 #ffffff",
+ "--button-priority-conditional-box-shadow": "none",
+ "--button-priority-disabled-opacity": "1",
+ "--button-priority-standard-icon-color": "#394152",
+ "--button-priority-transfer-background": "linear-gradient(180deg, #EAF2F7 2%, #E6F0F6 97%)",
+ "--button-priority-transfer-button-border": "1px solid #a4b0c3",
"--button-priority-transfer-color": "#394152",
- "--button-priority-transfer-disabled": "#fff",
+ "--button-priority-transfer-disabled": "transparent",
+ "--button-priority-transfer-disabled-color": "#CCD4D9",
"--button-secondary-background": "#fff",
- "--button-secondary-hover": "#f2f2f2",
+ "--button-secondary-hover": "#F1F5FC",
"--button-secondary-text": "#394152",
+ "--contacts-delete-contact-name": "#394152",
"--contacts-group-header-background": "#f6f7f8",
"--contacts-group-header-text": "#394152",
"--contacts-odd-numbered-row": "rgba(230, 230, 230, 0.1)",
@@ -909,38 +1022,39 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--dashboard-asset-panel-total-background": "#F1F5FC",
"--dashboard-market-data-line": "#3fd0ae",
"--dashboard-price-history-current-price": "#394152",
- "--dashboard-token-balances-divider-line": "#f2f2f2",
+ "--dashboard-token-balances-divider-line": "#F1F5FC",
"--dashboard-total-wallet-value-odd-row": "#f8f8f8",
"--dashboard-total-wallet-value-total-text": "#394152",
"--header-bar-default-icon-color": "#394152",
- "--input-active": "linear-gradient(#f2f2f2, #f2f2f2), radial-gradient(circle at top left, #66eb8e, #6bdaf6)",
- "--input-background": "#F9FCFD",
+ "--input-active": "linear-gradient(#F1F5FC, #F1F5FC), radial-gradient(circle at top left, #66eb8e, #66eb8e)",
+ "--input-background": "#EAF2F7",
"--input-error": "#ee6d66",
"--input-error-text": "#fff",
"--input-icon": "#9ca0a9",
"--input-label": "#5c677f",
"--input-label-opacity": 0.5,
"--input-placeholder": "rgba(40, 40, 40, 0.5)",
- "--input-select-hover": "#e6e6e6",
+ "--input-select-hover": "#D4DEE4",
"--input-text": "#282828",
"--modal-overlay": "rgba(26, 54, 80, 0.25)",
- "--network-config-tooltip-background": "#f8f8f8",
+ "--network-config-tooltip-background": "#fff",
"--network-config-tooltip-color": "#394152",
"--network-config-tooltip-label": "#8D98AE",
"--news-content-border-color": "#ececec",
"--node-select-automatic-select-button-text": "#5c677f",
- "--node-select-header-background": "#f2f2f2",
- "--node-select-icon-color": "#3DF4A6",
+ "--node-select-header-background": "#F1F5FC",
+ "--node-select-icon-color": "#282828",
"--node-select-node-count": "#5c677f",
"--node-select-refresh-icon": "#394152",
"--notifications-error-icon-color": "#fff",
"--notifications-success-icon-color": "#fff",
"--panel-background": "#fff",
+ "--panel-box-shadow": "-3px -3px 17px 0 rgba(255, 255, 255, 0.83), 3px 3px 20px 0 rgba(18, 21, 23, 0.09)",
"--panel-full-height-background": "#fff",
"--panel-full-height-header-icon-color": "#394152",
"--panel-full-height-instructions-border": "rgba(0, 0, 0, 0.15)",
- "--panel-full-height-instructions-text": "#5c677f",
- "--panel-full-height-nav-background": "#f2f2f2",
+ "--panel-full-height-instructions-text": "#8297A0",
+ "--panel-full-height-nav-background": "#D4DEE4",
"--panel-header": "#D4DEE4",
"--panel-header-border": "#8d98ae",
"--panel-header-text": "#394152",
@@ -951,13 +1065,14 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--qr-scan-animation-start": "rgba(57, 65, 82, 1)",
"--qr-scan-paused": "rgba(102, 237, 135, 0.6)",
"--secondary-button-icon-color": "#394152",
+ "--secondary-raised-base-text": "#7f8f98",
"--send-success-row-info": "#394152",
"--settings-donation-text": "#5c677f",
- "--settings-item-border-color": "#f2f2f2",
+ "--settings-item-border-color": "#F1F5FC",
"--settings-item-icon": "#cccccc",
"--settings-item-label": "#343b4a",
- "--settings-link-text": "#3DF4A6",
- "--settings-select-value-text": "#3DF4A6",
+ "--settings-link-text": "#32E096",
+ "--settings-select-value-text": "#32E096",
"--settings-spacer": "rgba(170, 178, 189, 0.3)",
"--side-bar-disabled-item-background": "#fff",
"--sidebar-active-background": "#F1F5FC",
@@ -968,9 +1083,12 @@ exports[`ConfirmModal should render without crashing 1`] = `
"--sidebar-shadow": "-16px -16px 17px 0 rgba(255,255,255,0.44), -3px 16px 20px 0 rgba(18,21,23,0.24)",
"--tab-border": "#394152",
"--tab-text": "#394152",
+ "--tx-icon-color": "#32E096",
+ "--tx-list-box-shadow": "-3px -3px 17px 0 rgba(255,255,255,0.44), 3px 4px 20px 0 rgba(18,21,23,0.24)",
"--tx-list-button-icon": "#394152",
"--tx-list-copy-icon": "#9599a2",
- "--tx-list-odd-row": "#f2f2f2",
+ "--tx-list-odd-row": "#F1F5FC",
+ "--view-layout-header-icon-color": "#282828",
}
}
>
@@ -990,49 +1108,49 @@ exports[`ConfirmModal should render without crashing 1`] = `
className="modalFooter"
>
- Cancel
+ Confirm
diff --git a/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap b/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap
index 7a5ec4a71..34673807a 100644
--- a/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap
+++ b/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap
@@ -984,17 +984,19 @@ exports[`Sidebar renders without crashing 1`] = `
"--amounts-panel-asset-amount-text": "#515151",
"--amounts-panel-asset-name-text": "#515151",
"--amounts-panel-asset-worth-text": "#515151",
- "--amounts-panel-first-row-background": "#f2f2f2",
+ "--amounts-panel-first-row-background": "#F1F5FC",
"--amounts-panel-second-row-background": "#fff",
"--auth-inner-container-box-shadow": "-16px -16px 17px 0 rgba(255, 255, 255, 0.44),
16px 16px 20px 0 rgba(18, 21, 23, 0.24)",
- "--auth-main-container-background": "#EAF2F7",
- "--auth-scan-qr-border": "#f2f2f2",
+ "--auth-main-container-background": "#fff",
+ "--auth-scan-qr-border": "#F1F5FC",
"--base-link-color": "#3063c9",
"--base-main-background": "#EEF4F9",
"--base-scrollbar-thumb": "#5c677f",
"--base-scrollbar-track": "#fff",
- "--base-text": "#3D4D56",
+ "--base-text": "#282828",
+ "--button-active": "#fff",
+ "--button-active-hover": "#fff",
"--button-disabled": "#d6d9e0",
"--button-flag-icon-color": "#394152",
"--button-flag-icon-opacity": 0.3,
@@ -1008,12 +1010,21 @@ exports[`Sidebar renders without crashing 1`] = `
"--button-primary-disabled-text-color": "#acbbc4",
"--button-primary-hover-background-image": "linear-gradient(180deg, #FFFFFF 2%, #E2EAEF 100%)",
"--button-primary-text": "#394152",
- "--button-priority-transfer-background": "#fff",
+ "--button-priority-active-hover": "#fff",
+ "--button-priority-button-container-background": "linear-gradient(180deg, #eff5f8 2%, #e4edf2 97%)",
+ "--button-priority-button-container-shadow": "-4px -4px 9px 0 rgba(255, 255, 255, 0.54), 4px 4px 13px 0 #c6ccd1, inset -1px -1px 0 0 #a4b0c3, inset 1px 1px 0 0 #ffffff",
+ "--button-priority-conditional-box-shadow": "none",
+ "--button-priority-disabled-opacity": "1",
+ "--button-priority-standard-icon-color": "#394152",
+ "--button-priority-transfer-background": "linear-gradient(180deg, #EAF2F7 2%, #E6F0F6 97%)",
+ "--button-priority-transfer-button-border": "1px solid #a4b0c3",
"--button-priority-transfer-color": "#394152",
- "--button-priority-transfer-disabled": "#fff",
+ "--button-priority-transfer-disabled": "transparent",
+ "--button-priority-transfer-disabled-color": "#CCD4D9",
"--button-secondary-background": "#fff",
- "--button-secondary-hover": "#f2f2f2",
+ "--button-secondary-hover": "#F1F5FC",
"--button-secondary-text": "#394152",
+ "--contacts-delete-contact-name": "#394152",
"--contacts-group-header-background": "#f6f7f8",
"--contacts-group-header-text": "#394152",
"--contacts-odd-numbered-row": "rgba(230, 230, 230, 0.1)",
@@ -1021,38 +1032,39 @@ exports[`Sidebar renders without crashing 1`] = `
"--dashboard-asset-panel-total-background": "#F1F5FC",
"--dashboard-market-data-line": "#3fd0ae",
"--dashboard-price-history-current-price": "#394152",
- "--dashboard-token-balances-divider-line": "#f2f2f2",
+ "--dashboard-token-balances-divider-line": "#F1F5FC",
"--dashboard-total-wallet-value-odd-row": "#f8f8f8",
"--dashboard-total-wallet-value-total-text": "#394152",
"--header-bar-default-icon-color": "#394152",
- "--input-active": "linear-gradient(#f2f2f2, #f2f2f2), radial-gradient(circle at top left, #66eb8e, #6bdaf6)",
- "--input-background": "#F9FCFD",
+ "--input-active": "linear-gradient(#F1F5FC, #F1F5FC), radial-gradient(circle at top left, #66eb8e, #66eb8e)",
+ "--input-background": "#EAF2F7",
"--input-error": "#ee6d66",
"--input-error-text": "#fff",
"--input-icon": "#9ca0a9",
"--input-label": "#5c677f",
"--input-label-opacity": 0.5,
"--input-placeholder": "rgba(40, 40, 40, 0.5)",
- "--input-select-hover": "#e6e6e6",
+ "--input-select-hover": "#D4DEE4",
"--input-text": "#282828",
"--modal-overlay": "rgba(26, 54, 80, 0.25)",
- "--network-config-tooltip-background": "#f8f8f8",
+ "--network-config-tooltip-background": "#fff",
"--network-config-tooltip-color": "#394152",
"--network-config-tooltip-label": "#8D98AE",
"--news-content-border-color": "#ececec",
"--node-select-automatic-select-button-text": "#5c677f",
- "--node-select-header-background": "#f2f2f2",
- "--node-select-icon-color": "#3DF4A6",
+ "--node-select-header-background": "#F1F5FC",
+ "--node-select-icon-color": "#282828",
"--node-select-node-count": "#5c677f",
"--node-select-refresh-icon": "#394152",
"--notifications-error-icon-color": "#fff",
"--notifications-success-icon-color": "#fff",
"--panel-background": "#fff",
+ "--panel-box-shadow": "-3px -3px 17px 0 rgba(255, 255, 255, 0.83), 3px 3px 20px 0 rgba(18, 21, 23, 0.09)",
"--panel-full-height-background": "#fff",
"--panel-full-height-header-icon-color": "#394152",
"--panel-full-height-instructions-border": "rgba(0, 0, 0, 0.15)",
- "--panel-full-height-instructions-text": "#5c677f",
- "--panel-full-height-nav-background": "#f2f2f2",
+ "--panel-full-height-instructions-text": "#8297A0",
+ "--panel-full-height-nav-background": "#D4DEE4",
"--panel-header": "#D4DEE4",
"--panel-header-border": "#8d98ae",
"--panel-header-text": "#394152",
@@ -1063,13 +1075,14 @@ exports[`Sidebar renders without crashing 1`] = `
"--qr-scan-animation-start": "rgba(57, 65, 82, 1)",
"--qr-scan-paused": "rgba(102, 237, 135, 0.6)",
"--secondary-button-icon-color": "#394152",
+ "--secondary-raised-base-text": "#7f8f98",
"--send-success-row-info": "#394152",
"--settings-donation-text": "#5c677f",
- "--settings-item-border-color": "#f2f2f2",
+ "--settings-item-border-color": "#F1F5FC",
"--settings-item-icon": "#cccccc",
"--settings-item-label": "#343b4a",
- "--settings-link-text": "#3DF4A6",
- "--settings-select-value-text": "#3DF4A6",
+ "--settings-link-text": "#32E096",
+ "--settings-select-value-text": "#32E096",
"--settings-spacer": "rgba(170, 178, 189, 0.3)",
"--side-bar-disabled-item-background": "#fff",
"--sidebar-active-background": "#F1F5FC",
@@ -1080,9 +1093,12 @@ exports[`Sidebar renders without crashing 1`] = `
"--sidebar-shadow": "-16px -16px 17px 0 rgba(255,255,255,0.44), -3px 16px 20px 0 rgba(18,21,23,0.24)",
"--tab-border": "#394152",
"--tab-text": "#394152",
+ "--tx-icon-color": "#32E096",
+ "--tx-list-box-shadow": "-3px -3px 17px 0 rgba(255,255,255,0.44), 3px 4px 20px 0 rgba(18,21,23,0.24)",
"--tx-list-button-icon": "#394152",
"--tx-list-copy-icon": "#9599a2",
- "--tx-list-odd-row": "#f2f2f2",
+ "--tx-list-odd-row": "#F1F5FC",
+ "--view-layout-header-icon-color": "#282828",
}
}
>
diff --git a/app/assets/icons/wallet-green.svg b/app/assets/icons/wallet-green.svg
new file mode 100644
index 000000000..e35cedaf1
--- /dev/null
+++ b/app/assets/icons/wallet-green.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/app/assets/icons/wallet.svg b/app/assets/icons/wallet.svg
index c0a1ad034..7096f8e71 100644
--- a/app/assets/icons/wallet.svg
+++ b/app/assets/icons/wallet.svg
@@ -1,13 +1,10 @@
-