diff --git a/src/components/Layout.jsx b/src/components/Layout.jsx
index 46bb45fe..d4672356 100644
--- a/src/components/Layout.jsx
+++ b/src/components/Layout.jsx
@@ -34,12 +34,12 @@ export default class Layout extends React.Component {
position: 'absolute',
bottom: 0,
height: "100%",
- top: 50,
+ top: 40,
left: 0,
zIndex: 100,
width: 200,
overflow: "hidden",
- backgroundColor: colors.gray
+ backgroundColor: colors.black
}}>
{this.props.layerList}
@@ -47,12 +47,12 @@ export default class Layout extends React.Component {
position: 'absolute',
bottom: 0,
height: "100%",
- top: 50,
+ top: 40,
left: 200,
zIndex: 100,
width: 300,
- backgroundColor: colors.gray}
- }>
+ backgroundColor: colors.black
+ }}>
{this.props.layerEditor}
{this.props.map}
diff --git a/src/components/Toolbar.jsx b/src/components/Toolbar.jsx
index 522cf1c8..d9c78ecc 100644
--- a/src/components/Toolbar.jsx
+++ b/src/components/Toolbar.jsx
@@ -101,7 +101,7 @@ export default class Toolbar extends React.Component {
render() {
return
this.toggleSettings.bind(this)}
/>
-
+
diff --git a/src/components/layers/LayerList.jsx b/src/components/layers/LayerList.jsx
index 04f4c6f7..1a359ccb 100644
--- a/src/components/layers/LayerList.jsx
+++ b/src/components/layers/LayerList.jsx
@@ -82,7 +82,7 @@ class LayerListContainer extends React.Component {
/>
})
return
-
diff --git a/src/components/layers/LayerListItem.jsx b/src/components/layers/LayerListItem.jsx
index d8ea0f5e..cee6552f 100644
--- a/src/components/layers/LayerListItem.jsx
+++ b/src/components/layers/LayerListItem.jsx
@@ -45,7 +45,7 @@ class IconAction extends React.Component {
renderIcon() {
const iconStyle = {
- fill: colors.gray
+ fill: colors.black
}
if(this.props.active) {
@@ -135,17 +135,17 @@ class LayerListItem extends React.Component {
cursor: 'pointer',
position: 'relative',
padding: margins[1],
- borderColor: Color(colors.gray).lighten(0.1).string(),
- backgroundColor: colors.gray,
+ borderColor: Color(colors.black).lighten(0.10).string(),
+ backgroundColor: colors.black,
}
if(this.state.hover) {
console.log('hooover')
- itemStyle.backgroundColor = Color(colors.gray).lighten(0.10)
+ itemStyle.backgroundColor = Color(colors.black).lighten(0.10).string()
}
if(this.props.isSelected) {
- itemStyle.backgroundColor = Color(colors.gray).lighten(0.15)
+ itemStyle.backgroundColor = Color(colors.black).lighten(0.15).string()
}
const iconProps = {