feature: misc enhancements for release 2.6.0

app/components/Dashboard/TokenBalancesPanel/TokenBalancesPanel.scss

@@ -18,7 +18,7 @@ a {
   padding-top: 0px;
   padding-bottom: 0;
   font-size: 13px;
-  max-height: 220px;
+  height: 220px;
 
   .gridContainer {
     display: grid;

app/components/LogoWithStrikethrough/LogoWithStrikethrough.jsx

@@ -1,14 +1,15 @@
 import React from 'react'
 
 import lightLogo from '../../assets/images/alternate-logo-light-2.png'
+import darkLogo from '../../assets/images/alternate-logo-light-1.png'
 import styles from './LogoWithStrikethrough.scss'
 
-export default class LogoWithStrikethrough extends React.Component {
+export default class LogoWithStrikethrough extends React.Component<Props> {
   render() {
     return (
       <div className={styles.logoWithStrikethroughContainer}>
         <div className={styles.strikethrough} />
-        <img src={lightLogo} alt="" />
+        <img src={this.props.theme === 'Dark' ? lightLogo : darkLogo} alt="" />
         <div className={styles.strikethrough} />
       </div>
     )

app/components/LogoWithStrikethrough/index.js

@@ -1,3 +1,6 @@
+import { compose } from 'recompose'
+
 import LogoWithStrikethrough from './LogoWithStrikethrough'
+import withThemeData from '../../hocs/withThemeData'
 
-export default LogoWithStrikethrough
+export default compose(withThemeData())(LogoWithStrikethrough)

app/components/Modals/BaseModal/BaseModal.scss

@@ -61,5 +61,5 @@
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
-  overflow-y: auto;
+  overflow-y: hidden;
 }

app/components/Modals/ReceiveModal/style.scss

@@ -72,6 +72,10 @@ label {
 .buttonContainer {
   margin-top: auto;
   margin-bottom: 50px;
+
+  svg {
+    margin-bottom: 50px;
+  }
 }
 
 .urlSection,

app/components/Panel/FullHeightPanel/FullHeightPanel.scss

@@ -17,6 +17,7 @@
     justify-content: center;
     flex: 1;
     height: 100%;
+    overflow-y: auto;
   }
 
   .header {

app/components/Receive/ReceivePanel/styles.scss

@@ -39,14 +39,6 @@
   }
 }
 
-.copy {
-  svg {
-    path {
-      fill: #4cffb3;
-    }
-  }
-}
-
 .dynamicReceiveContent {
   display: flex;
 }

app/containers/News/News.scss

@@ -11,7 +11,6 @@
   display: flex;
   flex-direction: column;
   height: 100%;
-  justify-content: center;
 }
 
 .newsItemsContainer {

app/containers/TransactionHistory/TransactionHistory.scss

@@ -5,6 +5,7 @@
 
   .transactionHistoryPanel {
     flex: 1 1 auto;
+    height: 100%;
   }
 }
 

app/hocs/withThemeData.js

@@ -8,5 +8,6 @@ export default function withThemeData() {
   const mapSettingsDataToProps = settings => ({
     theme: settings ? settings.theme || DEFAULT_THEME : DEFAULT_THEME,
   })
+
   return withData(settingsActions, mapSettingsDataToProps)
 }

app/themes/Dark.js

@@ -65,7 +65,7 @@ const PANEL = {
   '--panel-icon': '#4CFFB3',
   '--panel-header': '#1B2029',
   '--panel-header-text': '#fff',
-  '--panel-background': '#2E3542',
+  '--panel-background': '#333D46',
   '--panel-header-border': '#8d98ae',
   '--panel-label-text': '#8d98ae',
   '--panel-full-height-background': '#2E3542',
@@ -81,8 +81,8 @@ const MODAL = {
 }
 
 const AUTH_STYLES = {
-  '--auth-main-container-background': '#2E3542',
-  '--auth-secondary-button-background': '#2E3542',
+  '--auth-main-container-background': '#333D46',
+  '--auth-secondary-button-background': '#333D46',
   '--auth-scan-qr-border': '#5c677f',
 }
 

package.json

@@ -195,9 +195,9 @@
     "style-loader": "0.19.0",
     "uglifyjs-webpack-plugin": "1.0.1",
     "url-loader": "1.1.2",
-    "webpack": "4.28.3",
+    "webpack": "4.44.2",
     "webpack-cli": "3.2.0",
-    "webpack-dev-server": "3.1.14"
+    "webpack-dev-server": "3.11.0"
   },
   "resolutions": {
     "fstream": "^1.0.12",