diff --git a/js/src/ui/Balance/balance.css b/js/src/ui/Balance/balance.css
index 1176cafea..a9cf6c6a4 100644
--- a/js/src/ui/Balance/balance.css
+++ b/js/src/ui/Balance/balance.css
@@ -15,6 +15,9 @@
/* along with Parity. If not, see .
*/
+$tagColor: rgba(100, 100, 100, 0.25);
+$textColor: white;
+
.balances {
display: flex;
flex-wrap: wrap;
@@ -49,7 +52,8 @@
max-width: 100%;
&.full {
- background: rgba(255, 255, 255, 0.07);
+ background: $tagColor;
+ color: $textColor;
img {
margin-right: 1em;
diff --git a/js/src/ui/Container/container.css b/js/src/ui/Container/container.css
index e01387406..a4ab2f0c5 100644
--- a/js/src/ui/Container/container.css
+++ b/js/src/ui/Container/container.css
@@ -15,9 +15,9 @@
/* along with Parity. If not, see .
*/
-$background: rgba(18, 18, 18, 0.85);
-$backgroundHover: rgba(18, 18, 18, 1);
-$transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
+$background: rgba(255, 255, 255, 0.85);
+$backgroundHover: rgba(249, 249, 249, 1);
+$backgroundLight: rgba(18, 18, 18, 0.5);
.container {
background: $background;
@@ -26,8 +26,6 @@ $transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
padding: 0em;
max-width: 100%;
position: relative;
- /*transform: translateZ(0);
- transition: $transitionAll;*/
width: 100%;
.hoverOverlay {
@@ -41,10 +39,7 @@ $transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
position: absolute;
right: 0;
top: 100%;
- /*transition: $transitionAll;*/
opacity: 0;
- /*transform: scale(0.5, 0);
- transform-origin: top center;*/
z-index: 100;
}
@@ -52,9 +47,11 @@ $transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
background: $backgroundHover;
.hoverOverlay {
- background: $backgroundHover;
+ background: $backgroundHover !important;
+ border: 1px solid whitesmoke;
+ border-top: 1px solid transparent;
+ box-shadow: none !important;
display: block;
- /*transform: scale(1, 1);*/
opacity: 1;
}
}
@@ -64,6 +61,8 @@ $transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
.padded {
background-color: transparent !important;
border-radius: 0 !important;
+ border: 1px solid whitesmoke;
+ box-shadow: none !important;
height: 100%;
position: relative;
overflow: auto;
@@ -79,7 +78,7 @@ $transitionAll: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
.light .compact,
.light .padded {
- background: rgba(0, 0, 0, 0.5) !important;
+ background: $backgroundLight !important;
}
.link {
diff --git a/js/src/ui/MethodDecoding/methodDecoding.css b/js/src/ui/MethodDecoding/methodDecoding.css
index 870bf67dd..a9065f982 100644
--- a/js/src/ui/MethodDecoding/methodDecoding.css
+++ b/js/src/ui/MethodDecoding/methodDecoding.css
@@ -61,7 +61,7 @@
.name,
.highlight {
- color: white;
+ color: #333;
padding: 0.25em;
}
diff --git a/js/src/ui/Portal/portal.css b/js/src/ui/Portal/portal.css
index a2a1edce7..ee01690eb 100644
--- a/js/src/ui/Portal/portal.css
+++ b/js/src/ui/Portal/portal.css
@@ -34,8 +34,11 @@ $popoverRight: $modalMargin;
$popoverTop: 20vh;
$popoverZ: 3600;
+$backgroundFade: rgba(255, 255, 255, 0.35);
+$backgroundOverlay: rgba(255, 255, 255, 0.95);
+
.backOverlay {
- background-color: rgba(255, 255, 255, 0.35);
+ background-color: $backgroundFade;
position: fixed;
top: 0;
right: 0;
@@ -45,7 +48,8 @@ $popoverZ: 3600;
}
.overlay {
- background-color: rgba(0, 0, 0, 1);
+ background-color: $backgroundOverlay;
+ border: 1px solid whitesmoke;
box-sizing: border-box;
display: flex;
flex-direction: column;
@@ -94,13 +98,13 @@ $popoverZ: 3600;
justify-content: flex-end;
padding: $modalPadding 0 0 0;
- button:not([disabled]) {
+ /*button:not([disabled]) {
color: white !important;
svg {
fill: white !important;
}
- }
+ }*/
}
.childContainer {
diff --git a/js/src/ui/Theme/theme.js b/js/src/ui/Theme/theme.js
index f64aa9a6f..1faa3a38a 100644
--- a/js/src/ui/Theme/theme.js
+++ b/js/src/ui/Theme/theme.js
@@ -16,28 +16,26 @@
import GeoPattern from 'geopattern';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
-import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
-const lightTheme = getMuiTheme(lightBaseTheme);
-const muiTheme = getMuiTheme(darkBaseTheme);
+const muiTheme = getMuiTheme(lightBaseTheme);
-muiTheme.inkBar.backgroundColor = 'transparent';
-muiTheme.paper.backgroundColor = 'rgb(18, 18, 18)';
-muiTheme.raisedButton.primaryTextColor = 'white';
-muiTheme.snackbar.backgroundColor = 'rgba(255, 30, 30, 0.9)';
-muiTheme.snackbar.textColor = 'rgba(255, 255, 255, 0.75)';
-muiTheme.stepper.textColor = '#eee';
-muiTheme.stepper.disabledTextColor = '#777';
-muiTheme.tabs = lightTheme.tabs;
-muiTheme.tabs.backgroundColor = 'transparent';
-muiTheme.tabs.selectedTextColor = 'white';
-muiTheme.tabs.textColor = 'rgba(255, 255, 255, 0.5)';
-muiTheme.textField.floatingLabelColor = 'rgba(255, 255, 255, 0.5)';
-muiTheme.textField.hintColor = 'rgba(255, 255, 255, 0.5)';
-muiTheme.textField.disabledTextColor = muiTheme.textField.textColor;
-muiTheme.toolbar = lightTheme.toolbar;
-muiTheme.toolbar.backgroundColor = 'transparent';
+// muiTheme.inkBar.backgroundColor = 'transparent';
+// muiTheme.paper.backgroundColor = 'rgb(18, 18, 18)';
+// muiTheme.raisedButton.primaryTextColor = 'white';
+// muiTheme.snackbar.backgroundColor = 'rgba(255, 30, 30, 0.9)';
+// muiTheme.snackbar.textColor = 'rgba(255, 255, 255, 0.75)';
+// muiTheme.stepper.textColor = '#eee';
+// muiTheme.stepper.disabledTextColor = '#777';
+// muiTheme.tabs = lightTheme.tabs;
+// muiTheme.tabs.backgroundColor = 'transparent';
+// muiTheme.tabs.selectedTextColor = 'white';
+// muiTheme.tabs.textColor = 'rgba(255, 255, 255, 0.5)';
+// muiTheme.textField.floatingLabelColor = 'rgba(255, 255, 255, 0.5)';
+// muiTheme.textField.hintColor = 'rgba(255, 255, 255, 0.5)';
+// muiTheme.textField.disabledTextColor = muiTheme.textField.textColor;
+// muiTheme.toolbar = lightTheme.toolbar;
+// muiTheme.toolbar.backgroundColor = 'transparent';
muiTheme.zIndex.layer = 4000;
muiTheme.zIndex.popover = 4100;
diff --git a/js/src/ui/TxList/TxRow/txRow.js b/js/src/ui/TxList/TxRow/txRow.js
index c839a04b1..67769db38 100644
--- a/js/src/ui/TxList/TxRow/txRow.js
+++ b/js/src/ui/TxList/TxRow/txRow.js
@@ -19,10 +19,10 @@ import dateDifference from 'date-difference';
import { FormattedMessage } from 'react-intl';
import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
-import { Link } from 'react-router';
import { txLink } from '~/3rdparty/etherscan/links';
+import DappLink from '~/ui/DappLink';
import IdentityIcon from '~/ui/IdentityIcon';
import IdentityName from '~/ui/IdentityName';
import MethodDecoding from '~/ui/MethodDecoding';
@@ -119,7 +119,7 @@ class TxRow extends Component {
if (address && (!isDeploy || isKnownContract)) {
esLink = (
-
-
+
);
}
@@ -307,14 +307,14 @@ class TxRow extends Component {
const isContract = this.getIsKnownContract(address);
if (isContract) {
- return `/contracts/${address}`;
+ return `/contract/${address}`;
}
if (isAccount) {
- return `/accounts/${address}`;
+ return `/account/${address}`;
}
- return `/addresses/${address}`;
+ return `/address/${address}`;
}
getCondition = () => {
diff --git a/js/src/views/ParityBar/parityBar.css b/js/src/views/ParityBar/parityBar.css
index 75b5630a7..db44f8066 100644
--- a/js/src/views/ParityBar/parityBar.css
+++ b/js/src/views/ParityBar/parityBar.css
@@ -113,7 +113,7 @@ $modalZ: 10001;
flex: 1;
overflow: auto;
display: flex;
- background: rgba(0, 0, 0, 0.8);
+ background: rgba(255, 255, 255, 0.95);
max-width: calc(100vw - 2em);
}
}