More style tweaks (#125)

packages/frontend/src/components/Chain/Chain.tsx

@@ -6,8 +6,8 @@ import { Tab } from './';
 import { Tile, Ago, List, Map, Settings } from '../';
 import { PersistentObject, PersistentSet } from '../../persist';
 
-import blockIcon from '../../icons/package.svg';
-import finalizedIcon from '../../icons/milestone.svg';
+import blockIcon from '../../icons/cube.svg';
+import finalizedIcon from '../../icons/cube-alt.svg';
 import blockTimeIcon from '../../icons/history.svg';
 import lastTimeIcon from '../../icons/watch.svg';
 import listIcon from '../../icons/list-alt-regular.svg';

packages/frontend/src/components/List/Row.css

@@ -1,5 +1,5 @@
 .Row {
-  color: #999;
+  color: #B5AEAE;
   cursor: pointer;
 }
 

packages/frontend/src/components/List/Row.tsx

@@ -14,8 +14,8 @@ import nodeTypeIcon from '../../icons/terminal.svg';
 import networkIdIcon from '../../icons/fingerprint.svg';
 import peersIcon from '../../icons/broadcast.svg';
 import transactionsIcon from '../../icons/inbox.svg';
-import blockIcon from '../../icons/package.svg';
-import finalizedIcon from '../../icons/milestone.svg';
+import blockIcon from '../../icons/cube.svg';
+import finalizedIcon from '../../icons/cube-alt.svg';
 import blockHashIcon from '../../icons/file-binary.svg';
 import blockTimeIcon from '../../icons/history.svg';
 import propagationTimeIcon from '../../icons/dashboard.svg';

packages/frontend/src/components/Settings/Setting.css

@@ -1,5 +1,5 @@
 .Setting {
-  color: #666;
+  color: #635F5F;
   padding: 0;
   margin: 0 0 8px 0;
   cursor: pointer;
@@ -30,15 +30,14 @@
 }
 
 .Setting-knob {
-  width: 16px;
-  height: 16px;
-  border: 1px solid #fff;
-  border-radius: 18px;
+  width: 18px;
+  height: 18px;
+  border-radius: 19px;
   display: block;
   position: absolute;
   left: 0;
   top: 0;
-  background: #222;
+  background: #fff;
   transition: left 0.15s ease-in-out;
 }
 

packages/frontend/src/icons/cube-alt.svg

@@ -0,0 +1 @@
+<svg height='300px' width='300px' xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100"><g transform="translate(0,-952.36218)"><path style="enable-background:accumulate;" d="m 50.000002,960.75284 -36.25,14.28129 36.25,14.2812 36.249996,-14.2812 -36.249996,-14.28129 z m -39,17.49999 0,51.12497 37,14.5937 0,-51.12487 -37,-14.5938 z m 77.999996,0 -36.999996,14.5938 0,51.12487 36.999996,-14.5937 0,-51.12497 z" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"></path></g></svg>

packages/frontend/src/icons/cube.svg

@@ -0,0 +1 @@
+<svg height='300px' width='300px' xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100"><g transform="translate(0,-952.36218)"><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;enable-background:accumulate;" d="m 49.625002,958.37952 a 3.0003,3.0003 0 0 0 -0.7188,0.1875 l -37,14.71875 a 3.0003,3.0003 0 0 0 -1.9062,2.8125 l 0,52.56253 a 3.0003,3.0003 0 0 0 1.9062,2.7812 l 37,14.7188 a 3.0003,3.0003 0 0 0 2.1876,0 l 36.999997,-14.7188 a 3.0003,3.0003 0 0 0 1.9062,-2.7812 l 0,-52.56253 a 3.0003,3.0003 0 0 0 -1.9062,-2.8125 L 51.093802,958.56702 a 3.0003,3.0003 0 0 0 -1.4688,-0.1875 z m 0.375,6.21875 28.875,11.5 -28.875,11.46873 -28.875,-11.46873 28.875,-11.5 z m -34,15.90623 31,12.3438 0,46.0937 -31,-12.3437 0,-46.0938 z m 68,0 0,46.0938 -31,12.3437 0,-46.0937 31,-12.3438 z" fill-opacity="1" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"></path></g></svg>