Add icons

dashboard.qrc

@@ -4,5 +4,7 @@
         <file>dashboard/app.js</file>
         <file>dashboard/index.html</file>
         <file>dashboard/help.html</file>
+        <file>dashboard/styles/pce/favicon.ico</file>
+        <file>dashboard/styles/pce/icon.png</file>
     </qresource>
 </RCC>

dashboard/help.html

@@ -6,13 +6,15 @@
     <title>EV Dash · Help</title>
     <style>
         :root {
-            --primary-color: #0050a0;
-            --secondary-color: #00a0e0;
+            --primary-color: #e30a18;
+            --secondary-color: #a20d17;;
             --accent-color: #f4b400;
             --surface-color: #ffffff;
-            --background-color: #f5f7fa;
-            --text-color: #1f2d3d;
-            --muted-text-color: #566b84;
+            --background-color: #58616b;
+            --text-color: #222222;
+            --muted-text-color: #3342538a;;
+            --green-color: #2ecc71;
+            --red-color: #e30a18;
         }
 
         * {
@@ -83,7 +85,7 @@
         }
 
         .status-dot.connected {
-            background-color: #2ecc71;
+            background-color: var(--green-color);
         }
 
         .status-dot.authenticating {
@@ -91,7 +93,7 @@
         }
 
         .status-dot.error {
-            background-color: #e74c3c;
+            background-color: var(--red-color);
         }
 
         .tool-button {

dashboard/index.html

@@ -6,13 +6,15 @@
     <title>EV Dash</title>
     <style>
         :root {
-            --primary-color: #0050a0;
-            --secondary-color: #00a0e0;
+            --primary-color: #e30a18;
+            --secondary-color: #a20d17;;
             --accent-color: #f4b400;
             --surface-color: #ffffff;
-            --background-color: #f5f7fa;
-            --text-color: #1f2d3d;
-            --muted-text-color: #566b84;
+            --background-color: #58616b;
+            --text-color: #222222;
+            --muted-text-color: #3342538a;;
+            --green-color: #2ecc71;
+            --red-color: #e30a18;
         }
 
         * {
@@ -124,7 +126,7 @@
         }
 
         .status-dot.connected {
-            background-color: #2ecc71;
+            background-color: var(--green-color);
         }
 
         .status-dot.authenticating {
@@ -132,7 +134,7 @@
         }
 
         .status-dot.error {
-            background-color: #e74c3c;
+            background-color: var(--red-color);
         }
 
         .grid-two-column {
@@ -191,11 +193,11 @@
         }
 
         .value-dot-true {
-            background: #2ecc71;
+            background: var(--green-color);
         }
 
         .value-dot-false {
-            background: #e74c3c;
+            background: var(--red-color);
         }
 
         .sr-only {

dashboard/styles/pce/icon.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 377.94666 444"
+   height="444"
+   width="377.94666"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"
+   sodipodi:docname="icon.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.82200254"
+     inkscape:cx="233.57592"
+     inkscape:cy="270.68043"
+     inkscape:window-width="1728"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g12" /><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><g
+     transform="matrix(1.3333333,0,0,-1.3333333,0,562.2)"
+     id="g10"><g
+       transform="scale(0.1)"
+       id="g12"><path
+         id="path14"
+         style="fill:#ed1c24;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         d="M 0,881.961 H 2834.64 V 4216.49 H 0 V 881.961" /><path
+         id="path22"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         d="M 860.434,3281.09 C 855.336,3177.38 761.023,3168.67 755.848,3168.28 H 468.543 l -1.922,221.63 304.883,0.03 c 0.93,-0.14 93.566,-14.81 88.93,-108.85 z m -71.563,251.83 -467.055,0.01 v -883.39 h 143.012 v 370.18 l 318.805,0.01 c 2.16,0.24 216.301,26.48 219.797,266.52 3.36,226.14 -212.383,246.49 -214.559,246.67 z m 397.949,-437.71 c 0,268.52 256.77,294.15 262.95,294.7 h 243.84 v 142.59 l -281.34,-0.02 c -0.91,-0.08 -92.98,-8.99 -183.88,-65.82 -83.96,-52.49 -184.13,-157.69 -184.56,-360.82 -0.47,-221.37 101.19,-332.95 186.54,-387.57 92.46,-59.15 186.32,-66.02 187.43,-66.09 h 278.46 v 147.93 l -280.67,-0.04 c -2.29,0.4 -228.77,42.79 -228.77,295.14 z m 811.39,-296.45 v 221.41 h 502.46 v 147.42 h -495.36 v 222.09 h 495.36 v 142.82 h -649 v -883.83 h 648.9 v 150.09 h -502.36" /></g></g></svg>