feature: release notes modal (#2009)

* feature: fix reskin button design (#2007) * Fixes dark theme primary disabled button styles * Fix font loading bugs and input color on dark theme * remove dead fonts * create and implement secondary elevated button * Updates button styles * Remove commented code * feature: beta release feedback (#2008) * Implements numeruous design enhancements, fixes activity export * Updates snapshots * Fix icon color in wallet manager * Massive amounts of design polish on both themes and many components * Lint and fix snapshots * Clean up dead code * Clean up dead code * Clean up dead code * lint * Fix snapshots * Sets up logic and finishes implementation of release notes modal * update snapshots
CityOfZion · Nov 7, 2020 · f806079 · f806079
1 parent 384172a
commit f806079
Show file tree

Hide file tree

Showing 91 changed files with 1,002 additions and 421 deletions.
diff --git a/__tests__/components/Modals/__snapshots__/ConfirmModal.test.js.snap b/__tests__/components/Modals/__snapshots__/ConfirmModal.test.js.snap
diff --git a/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap b/__tests__/components/__snapshots__/NetworkConfigurationTooltip.test.js.snap
@@ -984,18 +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",
-                                            "--button-disabled": "#d6d9e0",
+                                            "--base-text": "#282828",
+                                            "--button-active": "#fff",
+                                            "--button-active-hover": "#fff",
                                             "--button-flag-icon-color": "#394152",
                                             "--button-flag-icon-opacity": 0.3,
                                             "--button-icon-color": "#394152",
@@ -1004,54 +1005,65 @@ exports[`Sidebar renders without crashing 1`] = `
                                             "--button-primary-background-image": "linear-gradient(180deg, #EAF2F7 2%, #E6F0F6 97%)",
                                             "--button-primary-box-shadow": "-17px -17px 20px 0 rgba(255,255,255,0.54), 17px 17px 20px 0 #C6CCD1, inset -1px -1px 0 0 #A4B0C3, inset 1px 1px 0 0 #FFFFFF",
                                             "--button-primary-disabled-background-color": "#E0E9EF",
+                                            "--button-primary-disabled-box-shadow": " -17px -17px 20px 0 rgba(255,255,255,0.54), 17px 17px 20px 0 #C6CCD1",
                                             "--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)",
                                             "--dashboard-asset-panel-asset-name": "#5c677f",
                                             "--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",
@@ -1061,14 +1073,18 @@ exports[`Sidebar renders without crashing 1`] = `
                                             "--qr-scan-animation-end": "rgba(57, 65, 82, 0)",
                                             "--qr-scan-animation-start": "rgba(57, 65, 82, 1)",
                                             "--qr-scan-paused": "rgba(102, 237, 135, 0.6)",
+                                            "--release-notes-button-color": "#394152",
+                                            "--release-notes-date": "#8297a0",
+                                            "--release-notes-text": "#8c97a2",
                                             "--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",
@@ -1079,9 +1095,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",
                                           }
                                         }
                                       >
@@ -1244,13 +1263,14 @@ exports[`Sidebar renders without crashing 1`] = `
                                                     onClick={[Function]}
                                                   >
                                                     <Button
+                                                      elevated={true}
                                                       primary={false}
                                                       renderIcon={[Function]}
                                                       shouldCenterButtonLabelText={true}
                                                       type="button"
                                                     >
                                                       <button
-                                                        className="button secondary"
+                                                        className="button primary secondaryRaised"
                                                         type="button"
                                                       >
                                                         <span

diff --git a/app/assets/fonts/Gotham-Black.woff b/app/assets/fonts/Gotham-Black.woff
diff --git a/app/assets/fonts/Gotham-Bold.woff b/app/assets/fonts/Gotham-Bold.woff
diff --git a/app/assets/fonts/Gotham-Book.woff b/app/assets/fonts/Gotham-Book.woff
diff --git a/app/assets/fonts/Gotham-BookItalic.woff b/app/assets/fonts/Gotham-BookItalic.woff
diff --git a/app/assets/fonts/Gotham-Light.woff b/app/assets/fonts/Gotham-Light.woff
diff --git a/app/assets/fonts/Gotham-LightItalic.woff b/app/assets/fonts/Gotham-LightItalic.woff
diff --git a/app/assets/fonts/Gotham-Medium.woff b/app/assets/fonts/Gotham-Medium.woff
diff --git a/app/assets/fonts/Gotham-MediumItalic.woff b/app/assets/fonts/Gotham-MediumItalic.woff
diff --git a/app/assets/fonts/Gotham-Thin.woff b/app/assets/fonts/Gotham-Thin.woff
diff --git a/app/assets/fonts/Gotham-ThinItalic.woff b/app/assets/fonts/Gotham-ThinItalic.woff
diff --git a/app/assets/fonts/Gotham-UltraItalic.woff b/app/assets/fonts/Gotham-UltraItalic.woff
diff --git a/app/assets/fonts/Gotham-XLight.woff b/app/assets/fonts/Gotham-XLight.woff
diff --git a/app/assets/fonts/Gotham-XLightItalic.woff b/app/assets/fonts/Gotham-XLightItalic.woff
diff --git a/app/assets/fonts/SofiaProBold.ttf b/app/assets/fonts/SofiaProBold.ttf
diff --git a/app/assets/fonts/SofiaProExtraLight.ttf b/app/assets/fonts/SofiaProExtraLight.ttf
diff --git a/app/assets/fonts/SofiaProLight.ttf b/app/assets/fonts/SofiaProLight.ttf
diff --git a/app/assets/fonts/SofiaProMedium.ttf b/app/assets/fonts/SofiaProMedium.ttf
diff --git a/app/assets/fonts/SofiaProRegular-Italic.ttf b/app/assets/fonts/SofiaProRegular-Italic.ttf
diff --git a/app/assets/fonts/SofiaProRegular.ttf b/app/assets/fonts/SofiaProRegular.ttf
diff --git a/app/assets/fonts/SofiaProSemiBold (1).ttf b/app/assets/fonts/SofiaProSemiBold (1).ttf
diff --git a/app/assets/fonts/SofiaProSemiBold.ttf b/app/assets/fonts/SofiaProSemiBold.ttf
diff --git a/app/assets/fonts/SofiaProUltraLight-Italic.ttf b/app/assets/fonts/SofiaProUltraLight-Italic.ttf
diff --git a/app/assets/fonts/SofiaProUltraLight.ttf b/app/assets/fonts/SofiaProUltraLight.ttf
diff --git a/app/assets/fonts/sofiapro-bold-webfont.woff b/app/assets/fonts/sofiapro-bold-webfont.woff
diff --git a/app/assets/fonts/sofiapro-light-webfont.woff b/app/assets/fonts/sofiapro-light-webfont.woff
diff --git a/app/assets/fonts/sofiapro-medium-webfont.woff b/app/assets/fonts/sofiapro-medium-webfont.woff
diff --git a/app/assets/fonts/sofiapro-regular-webfont.woff b/app/assets/fonts/sofiapro-regular-webfont.woff
diff --git a/app/assets/fonts/sofiapro-regularitalic-webfont.woff b/app/assets/fonts/sofiapro-regularitalic-webfont.woff
diff --git a/app/assets/fonts/sofiapro-semibold-webfont.woff b/app/assets/fonts/sofiapro-semibold-webfont.woff
diff --git a/app/assets/icons/gift.svg b/app/assets/icons/gift.svg
diff --git a/app/assets/icons/wallet-green.svg b/app/assets/icons/wallet-green.svg