More style tweaks (#125)

packages/frontend/src/assets/world-map.svg

@@ -1 +1 @@
-<svg viewBox="0 0 800 350" xmlns="http://www.w3.org/2000/svg"><defs><style type="text/css"> .land { fill: #3c3c3b; fill-opacity:1; fill-rule:nonzero; stroke:#222;stroke-width:0.25;stroke-miterlimit:1; } .carved-out { fill:none; stroke:#222;stroke-width:0.25;stroke-miterlimit:1; stroke-dasharray:0.25,0.25;stroke-dashoffset:0; } &#x2F;* La mise en evidence d&#39;un pays : #Russie { fill: red; } *&#x2F;</style></defs><g class="land"><path d="m443.62 107.1c-0.586-0.057-0.645-0.71-1.185-0.885-0.408-0.111-0.85-0.236-0.833-0.693 0.543-0.167-0.121-0.556 0.056-0.938 0.499-0.058 0.294-0.538 0.719-0.733 0.271-0.087 0.857 0.368 0.442-0.228-0.2-0.459 0.575-0.177 0.777-0.019 0.409 0.2 0.619 0.655 1.119 0.698 0.372 0.011 0.579 0.417 1.015 0.449 0.309 0.394-0.611 0.224-0.724 0.442 0.574 0.213-0.102 0.686-0.499 0.417-0.54-0.283-0.933 0.37-0.989 0.803 0.092 0.227 0.132 0.443 0.104 0.687z"/><path d="m430.73 96.731c0.549-0.024 1.053 0.14 1.574 0.167 0.57 0.304 0.856-0.193 1.364-0.385 0.505-0.23 1.115 0.225 1.539-0.19 0.753 0.242 0.79 0.003 1.068-0.336 0.648-0.363 0.59 0.623 1.101 0.825-0.554-0.456-0.546 0.315-0.931 0.162-0.261 0.434-0.951 0.218-1.184 0.614 0.394 0.21 0.284 0.801-0.207 0.675-0.571 0.1-0.35 0.287-0.438 0.583 0.156 0.454-0.513 0.238-0.739 0.139-0.28 0.115-0.647 0.018-0.833-0.297-0.202-0.004-0.492 0.521-0.922 0.324-0.397-0.065-0.539 0.049-0.913 0.066-0.931 0.028 0.049 0.049 0.088-0.472-0.675-0.159-0.516-0.654-0.783-0.812 0.884-0.386-0.892-0.435 0.034-0.726 0.213-0.118 0.397-0.1 0.181-0.338z"/><path d="m439.57 104.71c-0.452-0.285-0.938-0.58-1.323-0.911-0.603 0.041-1.053-0.579-1.646-0.317-0.557 0.241-0.681-0.697-1.284-0.747-0.396-0.136-1.006-0.737-0.988-0.954 0.719 0.04 0.919 0.041 0.141-0.252-0.471-0.245-0.956-0.703-0.684-1.276-0.325-0.425-0.802-0.73-1.313-0.88-0.198 0.502-0.381 0.82-0.748 1.102-0.351 0.398-0.762-0.449-0.832-0.783-0.407-0.638-0.146-0.587 0.422-0.633 0.342-0.016 0.513-0.055 0.914-0.063 0.457 0.339 0.649-0.601 0.887-0.216 0.214 0.395 0.598 0.187 0.912 0.243 0.281 0.233 0.813 0.106 0.553-0.289 0.056-0.228 0.107-0.442 0.646-0.493 0.628 0.019-0.028-0.6 0.114-0.779 0.349-0.172 0.847-0.127 1.103-0.478 0.378 0.151 0.372-0.622 0.931-0.162 0.707 0.555 1.669 0.702 2.389 1.267 0.741 0.489 1.742 0.315 2.54 0.059 0.604-0.069 0.142 0.74 0.474 0.751 0.381 0.073-0.281 0.456 0.382 0.599 0.516-0.036 0.74 0.351 0.113 0.144-0.291 0.099-0.245 0.655-0.359 0.769-0.559 0.205-0.542-0.284-0.83-0.457-0.399 0.015-0.84-0.174-1.263-0.052-0.385-0.088-0.734 0.113-1.166-0.062-0.477-0.101-0.811-0.024-1.244-0.209-0.375-0.037-0.817-0.016-1.204 0.063-0.233 0.544-0.767 0.394-1.023-0.066-0.719-0.275-0.414 0.618-0.614 0.847 0.239 0.318 0.744 0.405 0.883 0.87 0.13 0.393 0.155 0.52 0.535 0.87 0.595 0.03 0.654 0.673 1.144 0.846 0.351 0.365 0.871 0.404 0.958 0.904 0.173 0.169 1.26 0.638 0.48 0.744zm0.219 0.124c0.38-0.334 0.665 0.391 1.106 0.328 0.288 0.339 0.757 0.164 0.821 0.681-0.195 0.14-0.803-0.47-1.138-0.631-0.263-0.127-0.528-0.252-0.789-0.379z"/><path d="m451.01 101.72c-0.281 0.418-1.011 0.71-0.835 1.293 0.426 0.414 1.006 0.744 1.338 1.21-0.092 0.687-1.404 0.488-1.298 1.315 0.2 0.603-0.46 0.494-0.815 0.539-0.366 0.021-0.718 0.201-1.136 0.139-0.356 0.379-0.393 0.258-0.813 0.158-0.644-0.048-0.614 0.56-0.983 0.688-0.452-0.357-0.796-1.077-1.341-1.397 0.233-0.44-0.413-0.66 0.377-0.587 0.558-0.126 0.168-0.476-0.247-0.468-0.26-0.417-0.723-0.277-1.106-0.547-0.065-0.395-1.117-0.486-0.702-0.759 0.323-0.04 0.774-0.158 0.309-0.591-0.729-0.581-0.123-0.186 0.349-0.397 0.074-0.174-0.58-0.391-0.678-0.605-0.537 0.06-0.402-0.601-0.098-0.799 0.48-0.373 0.148-0.861-0.361-0.537-0.05 0.022 0.097-0.572 0.248-0.751 0.621 0.239 0.539-0.142-0.024-0.133-0.6-0.135-0.199-0.457-0.357-0.613-0.347 0.068-0.093-0.745-0.363-0.796 0.972-0.381 1.992-0.71 3.049-0.525 0.262 0.258 0.701 0.486 1.099 0.754 0.078 0.332 0.093 0.8 0.678 0.976 0.28 0.208 1.439 0.227 0.802 0.675 0.372 0.294 0.098 0.12-0.041 0.55 0.496 0.09 0.754 0.246 1.287 0.423 0.484 0.603 0.65-0.313 1.112-0.259 0.934 0.304 0.365 0.233 0.021 0.615 0.04 0.302 0.308 0.331 0.529 0.429z"/><path d="m451.51 108.46c-0.567 0.133-1.055 0.548-1.661 0.351-0.58-0.24-0.86 0.425-1.294 0.589-0.519 0.076-1.201 0.402-1.582-0.106-0.628-0.432-0.911-1.351-0.622-2.06 0.148-0.142 0.377-0.465 0.683-0.727 0.316-0.382 0.901 0.163 0.893-0.085 0.317-0.398 0.831-0.032 1.153-0.328 0.331-0.03 0.735-0.03 1.117-0.098 0.045 0.562 0.885 0.434 1.096 0.94 0.423 0.423 0.221 1.008 0.21 1.499l0.006 0.026 0.001-0.001z"/><path d="m439.79 104.83c-0.211-0.142 0.213-0.463-0.459-0.713-0.463-0.209-0.345-0.762-0.949-0.823-0.422-0.346-0.733-0.579-1.06-1.003-0.443-0.085-0.824-0.483-0.763-0.766-0.199-0.341-0.424-0.745-0.833-0.885-0.149-0.162-0.189-0.852 0.146-1.048 0.438-0.12 0.816 0.897 1.149 0.29 0.256-0.501 0.842-0.073 1.183-0.324 0.445 0.229 0.755 0.152 1.191 0.26 0.442-0.049 0.859 0.274 1.242-0.002 0.376 0.112 0.835 0.034 1.205 0.097 0.523-0.084 0.344 0.536 0.805 0.529 0.315-0.055 1.159-0.395 0.869 0.222-0.23 0.317-0.587 0.607-0.402 0.973 0.444-0.006 0.549 Line truncated
+<svg viewBox="0 0 800 350" xmlns="http://www.w3.org/2000/svg"><defs><style type="text/css"> .land { fill: #393838; fill-opacity:1; fill-rule:nonzero; stroke:#222;stroke-width:0.25;stroke-miterlimit:1; } .carved-out { fill:none; stroke:#222;stroke-width:0.25;stroke-miterlimit:1; stroke-dasharray:0.25,0.25;stroke-dashoffset:0; } &#x2F;* La mise en evidence d&#39;un pays : #Russie { fill: red; } *&#x2F;</style></defs><g class="land"><path d="m443.62 107.1c-0.586-0.057-0.645-0.71-1.185-0.885-0.408-0.111-0.85-0.236-0.833-0.693 0.543-0.167-0.121-0.556 0.056-0.938 0.499-0.058 0.294-0.538 0.719-0.733 0.271-0.087 0.857 0.368 0.442-0.228-0.2-0.459 0.575-0.177 0.777-0.019 0.409 0.2 0.619 0.655 1.119 0.698 0.372 0.011 0.579 0.417 1.015 0.449 0.309 0.394-0.611 0.224-0.724 0.442 0.574 0.213-0.102 0.686-0.499 0.417-0.54-0.283-0.933 0.37-0.989 0.803 0.092 0.227 0.132 0.443 0.104 0.687z"/><path d="m430.73 96.731c0.549-0.024 1.053 0.14 1.574 0.167 0.57 0.304 0.856-0.193 1.364-0.385 0.505-0.23 1.115 0.225 1.539-0.19 0.753 0.242 0.79 0.003 1.068-0.336 0.648-0.363 0.59 0.623 1.101 0.825-0.554-0.456-0.546 0.315-0.931 0.162-0.261 0.434-0.951 0.218-1.184 0.614 0.394 0.21 0.284 0.801-0.207 0.675-0.571 0.1-0.35 0.287-0.438 0.583 0.156 0.454-0.513 0.238-0.739 0.139-0.28 0.115-0.647 0.018-0.833-0.297-0.202-0.004-0.492 0.521-0.922 0.324-0.397-0.065-0.539 0.049-0.913 0.066-0.931 0.028 0.049 0.049 0.088-0.472-0.675-0.159-0.516-0.654-0.783-0.812 0.884-0.386-0.892-0.435 0.034-0.726 0.213-0.118 0.397-0.1 0.181-0.338z"/><path d="m439.57 104.71c-0.452-0.285-0.938-0.58-1.323-0.911-0.603 0.041-1.053-0.579-1.646-0.317-0.557 0.241-0.681-0.697-1.284-0.747-0.396-0.136-1.006-0.737-0.988-0.954 0.719 0.04 0.919 0.041 0.141-0.252-0.471-0.245-0.956-0.703-0.684-1.276-0.325-0.425-0.802-0.73-1.313-0.88-0.198 0.502-0.381 0.82-0.748 1.102-0.351 0.398-0.762-0.449-0.832-0.783-0.407-0.638-0.146-0.587 0.422-0.633 0.342-0.016 0.513-0.055 0.914-0.063 0.457 0.339 0.649-0.601 0.887-0.216 0.214 0.395 0.598 0.187 0.912 0.243 0.281 0.233 0.813 0.106 0.553-0.289 0.056-0.228 0.107-0.442 0.646-0.493 0.628 0.019-0.028-0.6 0.114-0.779 0.349-0.172 0.847-0.127 1.103-0.478 0.378 0.151 0.372-0.622 0.931-0.162 0.707 0.555 1.669 0.702 2.389 1.267 0.741 0.489 1.742 0.315 2.54 0.059 0.604-0.069 0.142 0.74 0.474 0.751 0.381 0.073-0.281 0.456 0.382 0.599 0.516-0.036 0.74 0.351 0.113 0.144-0.291 0.099-0.245 0.655-0.359 0.769-0.559 0.205-0.542-0.284-0.83-0.457-0.399 0.015-0.84-0.174-1.263-0.052-0.385-0.088-0.734 0.113-1.166-0.062-0.477-0.101-0.811-0.024-1.244-0.209-0.375-0.037-0.817-0.016-1.204 0.063-0.233 0.544-0.767 0.394-1.023-0.066-0.719-0.275-0.414 0.618-0.614 0.847 0.239 0.318 0.744 0.405 0.883 0.87 0.13 0.393 0.155 0.52 0.535 0.87 0.595 0.03 0.654 0.673 1.144 0.846 0.351 0.365 0.871 0.404 0.958 0.904 0.173 0.169 1.26 0.638 0.48 0.744zm0.219 0.124c0.38-0.334 0.665 0.391 1.106 0.328 0.288 0.339 0.757 0.164 0.821 0.681-0.195 0.14-0.803-0.47-1.138-0.631-0.263-0.127-0.528-0.252-0.789-0.379z"/><path d="m451.01 101.72c-0.281 0.418-1.011 0.71-0.835 1.293 0.426 0.414 1.006 0.744 1.338 1.21-0.092 0.687-1.404 0.488-1.298 1.315 0.2 0.603-0.46 0.494-0.815 0.539-0.366 0.021-0.718 0.201-1.136 0.139-0.356 0.379-0.393 0.258-0.813 0.158-0.644-0.048-0.614 0.56-0.983 0.688-0.452-0.357-0.796-1.077-1.341-1.397 0.233-0.44-0.413-0.66 0.377-0.587 0.558-0.126 0.168-0.476-0.247-0.468-0.26-0.417-0.723-0.277-1.106-0.547-0.065-0.395-1.117-0.486-0.702-0.759 0.323-0.04 0.774-0.158 0.309-0.591-0.729-0.581-0.123-0.186 0.349-0.397 0.074-0.174-0.58-0.391-0.678-0.605-0.537 0.06-0.402-0.601-0.098-0.799 0.48-0.373 0.148-0.861-0.361-0.537-0.05 0.022 0.097-0.572 0.248-0.751 0.621 0.239 0.539-0.142-0.024-0.133-0.6-0.135-0.199-0.457-0.357-0.613-0.347 0.068-0.093-0.745-0.363-0.796 0.972-0.381 1.992-0.71 3.049-0.525 0.262 0.258 0.701 0.486 1.099 0.754 0.078 0.332 0.093 0.8 0.678 0.976 0.28 0.208 1.439 0.227 0.802 0.675 0.372 0.294 0.098 0.12-0.041 0.55 0.496 0.09 0.754 0.246 1.287 0.423 0.484 0.603 0.65-0.313 1.112-0.259 0.934 0.304 0.365 0.233 0.021 0.615 0.04 0.302 0.308 0.331 0.529 0.429z"/><path d="m451.51 108.46c-0.567 0.133-1.055 0.548-1.661 0.351-0.58-0.24-0.86 0.425-1.294 0.589-0.519 0.076-1.201 0.402-1.582-0.106-0.628-0.432-0.911-1.351-0.622-2.06 0.148-0.142 0.377-0.465 0.683-0.727 0.316-0.382 0.901 0.163 0.893-0.085 0.317-0.398 0.831-0.032 1.153-0.328 0.331-0.03 0.735-0.03 1.117-0.098 0.045 0.562 0.885 0.434 1.096 0.94 0.423 0.423 0.221 1.008 0.21 1.499l0.006 0.026 0.001-0.001z"/><path d="m439.79 104.83c-0.211-0.142 0.213-0.463-0.459-0.713-0.463-0.209-0.345-0.762-0.949-0.823-0.422-0.346-0.733-0.579-1.06-1.003-0.443-0.085-0.824-0.483-0.763-0.766-0.199-0.341-0.424-0.745-0.833-0.885-0.149-0.162-0.189-0.852 0.146-1.048 0.438-0.12 0.816 0.897 1.149 0.29 0.256-0.501 0.842-0.073 1.183-0.324 0.445 0.229 0.755 0.152 1.191 0.26 0.442-0.049 0.859 0.274 1.242-0.002 0.376 0.112 0.835 0.034 1.205 0.097 0.523-0.084 0.344 0.536 0.805 0.529 0.315-0.055 1.159-0.395 0.869 0.222-0.23 0.317-0.587 0.607-0.402 0.973 0.444-0.006 0.549 Line truncated

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>