From e9b63a2dccd72157c75475ca98b00d72d19bac6f Mon Sep 17 00:00:00 2001
From: Tadao Tanikawa <tanikawa.tadao@jp.panasonic.com>
Date: Wed, 20 Dec 2017 01:12:14 +0900
Subject: Update to new color scheme

The color scheme has been changed to new one.

Bug-AGL: SPEC-673

Change-Id: Ibea18e2ae13523a9231a9e0e7001e76f585a428e
Signed-off-by: Tadao Tanikawa <tanikawa.tadao@jp.panasonic.com>
---
 app/Dashboard.qml                            |   6 +-
 app/TirePressure.qml                         |   2 +-
 app/images/HMI_Dashboard_Car.png             | Bin 253513 -> 256058 bytes
 app/images/HMI_Dashboard_Fuel_Details.svg    | 133 ++++++-------------
 app/images/HMI_Dashboard_Fuel_Icon.svg       | 115 ++++++----------
 app/images/HMI_Dashboard_LeftTire.svg        | 187 +++++++++++---------------
 app/images/HMI_Dashboard_RightTire.svg       | 188 +++++++++++----------------
 app/images/HMI_Dashboard_Speed_Icon.svg      | 143 ++++++++------------
 app/images/HMI_Dashboard_TirePressure_OK.svg | 157 +++++++++-------------
 9 files changed, 345 insertions(+), 586 deletions(-)

diff --git a/app/Dashboard.qml b/app/Dashboard.qml
index 091234d..a4ee8eb 100644
--- a/app/Dashboard.qml
+++ b/app/Dashboard.qml
@@ -206,7 +206,7 @@ ApplicationWindow {
                         horizontalAlignment: Label.AlignLeft
                         text: translator.translate(qsTr('%1 GALLONS').arg(9), translator.language)
                         font.pixelSize: 24
-                        color: '#66FF99'
+                        color: '#00ADDC'
                     }
                     Label {
                         Layout.fillWidth: true
@@ -225,7 +225,7 @@ ApplicationWindow {
                         horizontalAlignment: Label.AlignLeft
                         text: translator.translate(qsTr('%1 MI').arg(9), translator.language)
                         font.pixelSize: 24
-                        color: '#66FF99'
+                        color: '#00ADDC'
                     }
                     Label {
                         Layout.fillWidth: true
@@ -244,7 +244,7 @@ ApplicationWindow {
                         horizontalAlignment: Label.AlignLeft
                         text: translator.translate(qsTr('%1 MPG').arg(25.5), translator.language)
                         font.pixelSize: 24
-                        color: '#66FF99'
+                        color: '#00ADDC'
                     }
                 }
             }
diff --git a/app/TirePressure.qml b/app/TirePressure.qml
index b390eac..437cf2f 100644
--- a/app/TirePressure.qml
+++ b/app/TirePressure.qml
@@ -21,7 +21,7 @@ Image {
         anchors.bottomMargin: 55
         anchors.leftMargin: 140
         anchors.rightMargin: 140
-        color: '#66FF99'
+        color: '#00ADDC'
         font.pixelSize: 20
     }
 
diff --git a/app/images/HMI_Dashboard_Car.png b/app/images/HMI_Dashboard_Car.png
index b17d135..387a4b1 100644
Binary files a/app/images/HMI_Dashboard_Car.png and b/app/images/HMI_Dashboard_Car.png differ
diff --git a/app/images/HMI_Dashboard_Fuel_Details.svg b/app/images/HMI_Dashboard_Fuel_Details.svg
index 026e560..a9faad4 100644
--- a/app/images/HMI_Dashboard_Fuel_Details.svg
+++ b/app/images/HMI_Dashboard_Fuel_Details.svg
@@ -1,95 +1,48 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:i="&amp;ns_ai;"
-   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"
-   id="Layer_2"
-   x="0px"
-   y="0px"
-   viewBox="0 0 350 155"
-   style="enable-background:new 0 0 350 155;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Dashboard_Fuel_Details.svg"><metadata
-     id="metadata63"><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="defs61" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1464"
-     id="namedview59"
-     showgrid="false"
-     inkscape:zoom="1.5225806"
-     inkscape:cx="-83.442797"
-     inkscape:cy="77.5"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
-     type="text/css"
-     id="style3">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 155"
+	 style="enable-background:new 0 0 350 155;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:#FFFFFF;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:20.4887px;}
 	.st3{letter-spacing:3;}
-	.st4{fill:#4DCE9B;}
+	.st4{fill:#0DF9FF;}
 	.st5{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><g
-             id="g37"><linearGradient
-               id="SVGID_1_"
-               gradientUnits="userSpaceOnUse"
-               x1="44.7964"
-               y1="74.6998"
-               x2="45.7964"
-               y2="74.6998"><stop
-                 offset="0"
-                 style="stop-color:#8BC53F"
-                 id="stop40" /><stop
-                 offset="1"
-                 style="stop-color:#0DF9FF"
-                 id="stop42" /></linearGradient><line
-               class="st5"
-               x1="45.3"
-               y1="21.5"
-               x2="45.3"
-               y2="127.9"
-               id="line44" /><circle
-               class="st0"
-               cx="45.3"
-               cy="76.7"
-               r="4.8"
-               id="circle46" /><circle
-               class="st0"
-               cx="45.3"
-               cy="26.3"
-               r="4.8"
-               id="circle48" /><circle
-               class="st0"
-               cx="45.3"
-               cy="127.4"
-               r="4.8"
-               id="circle50" /></g></g><path
-           class="st6"
-           d="M45.3,26.6"
-           id="path57" /></g></g></switch></svg>
+	.st6{fill:none;stroke:url(#SVGID_2_);stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<g>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="44.7964" y1="74.6998" x2="45.7964" y2="74.6998">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<line class="st5" x1="45.3" y1="21.5" x2="45.3" y2="127.9"/>
+					<circle class="st0" cx="45.3" cy="76.7" r="4.8"/>
+					<circle class="st0" cx="45.3" cy="26.3" r="4.8"/>
+					<circle class="st0" cx="45.3" cy="127.4" r="4.8"/>
+				</g>
+			</g>
+			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="45.2964" y1="26.5846" x2="45.2964" y2="26.5846">
+				<stop  offset="0" style="stop-color:#8BC53F"/>
+				<stop  offset="1" style="stop-color:#0DF9FF"/>
+			</linearGradient>
+			<path class="st6" d="M45.3,26.6"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_Fuel_Icon.svg b/app/images/HMI_Dashboard_Fuel_Icon.svg
index 91d1675..afb62a9 100644
--- a/app/images/HMI_Dashboard_Fuel_Icon.svg
+++ b/app/images/HMI_Dashboard_Fuel_Icon.svg
@@ -1,76 +1,39 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:i="&amp;ns_ai;"
-   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"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 82 82"
-   style="enable-background:new 0 0 82 82;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Dashboard_Fuel_Icon.svg"><metadata
-     id="metadata24"><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="defs22" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1464"
-     id="namedview20"
-     showgrid="false"
-     inkscape:zoom="2.8780488"
-     inkscape:cx="-201.52542"
-     inkscape:cy="41"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_1" /><style
-     type="text/css"
-     id="style3">
-	.st0{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
-	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><linearGradient
-           id="SVGID_1_"
-           gradientUnits="userSpaceOnUse"
-           x1="5.022039e-04"
-           y1="43.56"
-           x2="81.0005"
-           y2="43.56"
-           gradientTransform="matrix(0.9999 1.092937e-02 -1.092937e-02 0.9999 0.978 -3.0001)"><stop
-             offset="0"
-             style="stop-color:#59FF7F"
-             id="stop12" /><stop
-             offset="1"
-             style="stop-color:#6BFBFF"
-             id="stop14" /></linearGradient><ellipse
-           transform="matrix(1.092937e-02 -0.9999 0.9999 1.092937e-02 -0.4457 81.5494)"
-           class="st0"
-           cx="41"
-           cy="41"
-           rx="40"
-           ry="40"
-           id="ellipse16" /><path
-           class="st1"
-           d="M29.5,20.9L46.7,21c0.3,0,0.6,0.3,0.6,0.6l0,3.8l0,2.2l0,7.1l-18.4-0.1l0-7.1l0-2.2l0-3.8     C28.9,21.1,29.2,20.9,29.5,20.9L29.5,20.9z M28.7,17.9c-1.5,0-2.8,1.2-2.8,2.7l-0.2,39.7l-1.5,0c-0.4,0-0.6,0.3-0.6,0.6l0,0     l0,0.8l0,1.9l28.6,0.2l0-1.9l0-0.8l0,0c0-0.4-0.3-0.6-0.6-0.6l-1.4,0l0.1-21.7l2.9,0l-0.1,20.4l0,0c0,2.5,2.3,4.8,4.9,4.9     c2.3,0.1,4-1,4.8-2.6L63,41.2c-1.6-3.3-4.2-4.6-7.5-4.6l0.1-10.7l-5.2-2.2l0-2.9c0-1.5-1.2-2.7-2.7-2.7L28.7,17.9L28.7,17.9z      M50.4,26.2l3,1.1l0,9.1l-3,0L50.4,26.2L50.4,26.2z M55.4,59.5l0.2-20.6c3.2,0.1,5.2,1.7,5.7,5l0,0.2l-0.1,15.2l0,0     c0,0,0,0.1,0,0.1l0,0.1l0,0c-0.2,1.1-1.3,2.1-2.9,2.1S55.6,60.6,55.4,59.5L55.4,59.5z"
-           id="path18" /></g></g></switch></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 82 82"
+	 style="enable-background:new 0 0 82 82;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st1{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<path class="st0" d="M29.5,20.9L46.7,21c0.3,0,0.6,0.3,0.6,0.6l0,3.8l0,2.2l0,7.1l-18.4-0.1l0-7.1l0-2.2l0-3.8
+				C28.9,21.1,29.2,20.9,29.5,20.9L29.5,20.9z M28.7,17.9c-1.5,0-2.8,1.2-2.8,2.7l-0.2,39.7l-1.5,0c-0.4,0-0.6,0.3-0.6,0.6l0,0
+				l0,0.8l0,1.9l28.6,0.2l0-1.9l0-0.8l0,0c0-0.4-0.3-0.6-0.6-0.6l-1.4,0l0.1-21.7l2.9,0l-0.1,20.4l0,0c0,2.5,2.3,4.8,4.9,4.9
+				c2.3,0.1,4-1,4.8-2.6L63,41.2c-1.6-3.3-4.2-4.6-7.5-4.6l0.1-10.7l-5.2-2.2l0-2.9c0-1.5-1.2-2.7-2.7-2.7L28.7,17.9L28.7,17.9z
+				 M50.4,26.2l3,1.1l0,9.1l-3,0L50.4,26.2L50.4,26.2z M55.4,59.5l0.2-20.6c3.2,0.1,5.2,1.7,5.7,5l0,0.2l-0.1,15.2l0,0
+				c0,0,0,0.1,0,0.1l0,0.1l0,0c-0.2,1.1-1.3,2.1-2.9,2.1S55.6,60.6,55.4,59.5L55.4,59.5z"/>
+		</g>
+		
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="5.022039e-04" y1="43.56" x2="81.0005" y2="43.56" gradientTransform="matrix(0.9999 1.092937e-02 -1.092937e-02 0.9999 0.978 -3.0001)">
+			<stop  offset="0" style="stop-color:#00ADDC"/>
+			<stop  offset="1" style="stop-color:#6BFBFF"/>
+		</linearGradient>
+		
+			<ellipse transform="matrix(1.092937e-02 -0.9999 0.9999 1.092937e-02 -0.4457 81.5494)" class="st1" cx="41" cy="41" rx="40" ry="40"/>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_LeftTire.svg b/app/images/HMI_Dashboard_LeftTire.svg
index 7f98fe4..5926fd7 100644
--- a/app/images/HMI_Dashboard_LeftTire.svg
+++ b/app/images/HMI_Dashboard_LeftTire.svg
@@ -1,49 +1,19 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:i="&amp;#38;ns_ai;"
-   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"
-   id="Layer_3"
-   x="0px"
-   y="0px"
-   viewBox="0 0 350 155"
-   style="enable-background:new 0 0 350 155;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Dashboard_Left_BackTire.svg"><metadata
-     id="metadata64"><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="defs62" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1464"
-     id="namedview60"
-     showgrid="false"
-     inkscape:zoom="1.5225806"
-     inkscape:cx="299.92128"
-     inkscape:cy="108.70642"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_3" /><style
-     type="text/css"
-     id="style3">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_3" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 155"
+	 style="enable-background:new 0 0 350 155;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
@@ -51,71 +21,60 @@
 	.st4{font-family:'Roboto-Regular';}
 	.st5{font-size:17px;}
 	.st6{letter-spacing:3;}
-	.st7{fill:#66FF99;}
-	.st8{fill:none;stroke:#66FF99;stroke-miterlimit:10;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><g
-             id="g13"><g
-               id="g15"><linearGradient
-                 id="SVGID_1_"
-                 gradientUnits="userSpaceOnUse"
-                 x1="206.3706"
-                 y1="118.8609"
-                 x2="280.2762"
-                 y2="26.9783"><stop
-                   offset="0"
-                   style="stop-color:#59FF7F"
-                   id="stop18" /><stop
-                   offset="1"
-                   style="stop-color:#6BFBFF"
-                   id="stop20" /></linearGradient><polygon
-                 class="st0"
-                 points="239.8,77.6 238.4,76.2 248.9,65.7 250.3,67.1       "
-                 id="polygon22" /></g><g
-               id="g24"><linearGradient
-                 id="SVGID_2_"
-                 gradientUnits="userSpaceOnUse"
-                 x1="202.652"
-                 y1="115.8698"
-                 x2="276.5576"
-                 y2="23.9872"><stop
-                   offset="0"
-                   style="stop-color:#59FF7F"
-                   id="stop27" /><stop
-                   offset="1"
-                   style="stop-color:#6BFBFF"
-                   id="stop29" /></linearGradient><polygon
-                 class="st1"
-                 points="238.9,77.1 233.1,71.4 234.5,70 240.3,75.7       "
-                 id="polygon31" /></g><g
-               id="g33"><linearGradient
-                 id="SVGID_3_"
-                 gradientUnits="userSpaceOnUse"
-                 x1="203.884"
-                 y1="116.8608"
-                 x2="277.7896"
-                 y2="24.9782"><stop
-                   offset="0"
-                   style="stop-color:#59FF7F"
-                   id="stop36" /><stop
-                   offset="1"
-                   style="stop-color:#6BFBFF"
-                   id="stop38" /></linearGradient><path
-                 class="st2"
-                 d="M240.1,93.8c-12.1,0-22-9.9-22-22c0-12.1,9.9-22,22-22c2.4,0,4.8,0.4,7.1,1.2l-0.6,1.9        c-2.1-0.7-4.2-1.1-6.5-1.1c-11,0-20,9-20,20s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4        C262.1,83.9,252.3,93.8,240.1,93.8z"
-                 id="path40" /></g></g></g><g
-           id="g50"><g
-             id="g52"><polyline
-               class="st8"
-               points="99.9,86.7 99.9,105.2 328,105.2      "
-               id="polyline54" /><g
-               id="g56"><circle
-                 class="st7"
-                 cx="327.8"
-                 cy="105.2"
-                 r="3.8"
-                 id="circle58" /></g></g></g></g></g></switch></svg>
\ No newline at end of file
+	.st7{fill:#0DF9FF;}
+	.st8{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<g>
+					<g>
+						<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="206.3709" y1="118.8609" x2="280.2765" y2="26.9783">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st0" points="239.8,77.6 238.4,76.2 248.9,65.7 250.3,67.1 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="202.6523" y1="115.8698" x2="276.5579" y2="23.9872">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st1" points="238.9,77.1 233.1,71.4 234.5,70 240.3,75.7 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="203.8843" y1="116.8608" x2="277.7899" y2="24.9782">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<path class="st2" d="M240.1,93.8c-12.1,0-22-9.9-22-22c0-12.1,9.9-22,22-22c2.4,0,4.8,0.4,7.1,1.2l-0.6,1.9
+							c-2.1-0.7-4.2-1.1-6.5-1.1c-11,0-20,9-20,20s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4
+							C262.1,83.9,252.3,93.8,240.1,93.8z"/>
+					</g>
+				</g>
+			</g>
+			<g>
+				<g>
+					<polyline class="st8" points="99.9,86.7 99.9,105.2 328,105.2 					"/>
+					<g>
+						<circle class="st7" cx="327.8" cy="105.2" r="3.8"/>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_RightTire.svg b/app/images/HMI_Dashboard_RightTire.svg
index fc7b660..fc26c86 100644
--- a/app/images/HMI_Dashboard_RightTire.svg
+++ b/app/images/HMI_Dashboard_RightTire.svg
@@ -1,49 +1,19 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:i="&amp;ns_ai;"
-   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"
-   id="Layer_2"
-   x="0px"
-   y="0px"
-   viewBox="0 0 350 155"
-   style="enable-background:new 0 0 350 155;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Dashboard_RightTire.svg"><metadata
-     id="metadata62"><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="defs60" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1464"
-     id="namedview58"
-     showgrid="false"
-     inkscape:zoom="1.5225806"
-     inkscape:cx="-143.20975"
-     inkscape:cy="77.5"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_2" /><style
-     type="text/css"
-     id="style3">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 350 155"
+	 style="enable-background:new 0 0 350 155;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
@@ -51,70 +21,62 @@
 	.st4{font-family:'Roboto-Regular';}
 	.st5{font-size:17px;}
 	.st6{letter-spacing:3;}
-	.st7{fill:#66FF99;}
-	.st8{fill:none;stroke:#66FF99;stroke-miterlimit:10;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><g
-             id="g13"><linearGradient
-               id="SVGID_1_"
-               gradientUnits="userSpaceOnUse"
-               x1="70.3134"
-               y1="119.0398"
-               x2="144.219"
-               y2="27.1571"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop16" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop18" /></linearGradient><polygon
-               class="st0"
-               points="103.7,77.8 102.3,76.4 112.9,65.9 114.3,67.3      "
-               id="polygon20" /></g><g
-             id="g22"><linearGradient
-               id="SVGID_2_"
-               gradientUnits="userSpaceOnUse"
-               x1="66.5948"
-               y1="116.0487"
-               x2="140.5004"
-               y2="24.166"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop25" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop27" /></linearGradient><polygon
-               class="st1"
-               points="102.8,77.3 97,71.6 98.5,70.2 104.2,75.9      "
-               id="polygon29" /></g><g
-             id="g31"><linearGradient
-               id="SVGID_3_"
-               gradientUnits="userSpaceOnUse"
-               x1="67.8268"
-               y1="117.0396"
-               x2="141.7324"
-               y2="25.157"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop34" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop36" /></linearGradient><path
-               class="st2"
-               d="M104.1,94c-12.1,0-22-9.9-22-22c0-12.1,9.9-22,22-22c2.4,0,4.8,0.4,7.1,1.2l-0.6,1.9       c-2.1-0.7-4.2-1.1-6.5-1.1c-11,0-20,9-20,20s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4       C126.1,84.1,116.2,94,104.1,94z"
-               id="path38" /></g></g><g
-           id="g48"><g
-             id="g50"><polyline
-               class="st8"
-               points="240.6,86.6 240.6,105 13.6,105      "
-               id="polyline52" /><g
-               id="g54"><circle
-                 class="st7"
-                 cx="13.8"
-                 cy="105"
-                 r="3.8"
-                 id="circle56" /></g></g></g></g></g></switch></svg>
\ No newline at end of file
+	.st7{fill:#0DF9FF;}
+	.st8{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="Layer_2">
+			<g>
+				<g>
+					<g>
+						<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="70.7484" y1="117.6118" x2="144.654" y2="25.7292">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st0" points="104.2,76.4 102.8,75 113.3,64.4 114.7,65.8 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="67.0298" y1="114.6207" x2="140.9354" y2="22.7381">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<polygon class="st1" points="103.2,75.9 97.5,70.1 98.9,68.7 104.6,74.5 						"/>
+					</g>
+					<g>
+						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="68.2618" y1="115.6117" x2="142.1674" y2="23.729">
+							<stop  offset="0" style="stop-color:#00ADDC"/>
+							<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+							<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+							<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+							<stop  offset="0.84" style="stop-color:#65F6FD"/>
+							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						</linearGradient>
+						<path class="st2" d="M104.5,92.5c-12.1,0-22-9.9-22-22c0-12.1,9.9-22,22-22c2.4,0,4.8,0.4,7.1,1.2l-0.6,1.9
+							c-2.1-0.7-4.2-1.1-6.5-1.1c-11,0-20,9-20,20s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4
+							C126.5,82.7,116.6,92.5,104.5,92.5z"/>
+					</g>
+				</g>
+				<g>
+					<g>
+						<polyline class="st8" points="241,85.5 241,104 13,104 						"/>
+						<g>
+							<circle class="st7" cx="13.2" cy="104" r="3.8"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+		<g id="Layer_3">
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_Speed_Icon.svg b/app/images/HMI_Dashboard_Speed_Icon.svg
index 94361fe..a5f9c1b 100644
--- a/app/images/HMI_Dashboard_Speed_Icon.svg
+++ b/app/images/HMI_Dashboard_Speed_Icon.svg
@@ -1,90 +1,53 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:i="&amp;ns_ai;"
-   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"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 82 82"
-   style="enable-background:new 0 0 82 82;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Dashboard_Speed_Icon.svg"><metadata
-     id="metadata35"><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="defs33" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1464"
-     id="namedview31"
-     showgrid="false"
-     inkscape:zoom="2.8780488"
-     inkscape:cx="-132.90254"
-     inkscape:cy="41"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_1" /><style
-     type="text/css"
-     id="style3">
-	.st0{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
-	.st1{fill:#FFFFFF;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><linearGradient
-           id="SVGID_1_"
-           gradientUnits="userSpaceOnUse"
-           x1="-2.180208e-02"
-           y1="40.8391"
-           x2="80.9782"
-           y2="40.8391"
-           gradientTransform="matrix(0.9999 1.092937e-02 -1.092937e-02 0.9999 0.9706 -0.279)"><stop
-             offset="0"
-             style="stop-color:#59FF7F"
-             id="stop12" /><stop
-             offset="1"
-             style="stop-color:#6BFBFF"
-             id="stop14" /></linearGradient><ellipse
-           transform="matrix(1.092937e-02 -0.9999 0.9999 1.092937e-02 -0.4457 81.5494)"
-           class="st0"
-           cx="41"
-           cy="41"
-           rx="40"
-           ry="40"
-           id="ellipse16" /><g
-           id="g18"><path
-             class="st1"
-             d="M41.1,15.2c-15.5-0.1-28.2,12.4-28.3,28c0,6.9,2.5,13.6,7.1,18.8c0.3,0.4,0.8,0.6,1.3,0.6l39.3,0.2      c0.5,0,1-0.2,1.3-0.6c4.7-5.1,7.2-11.8,7.3-18.7C69.2,28,56.7,15.3,41.1,15.2z M60.6,61.1l-39.3-0.2c-4.2-4.7-6.7-10.9-6.6-17.6      c0.1-14.6,12-26.3,26.5-26.2c14.6,0.1,26.3,12,26.2,26.5C67.3,50.3,64.8,56.4,60.6,61.1z M43.5,40.9      C43.5,40.9,43.5,40.9,43.5,40.9c-2.1-2-8.9-6.2-11.7-8c-0.4-0.2-0.8-0.2-1.1,0.1c-0.3,0.3-0.3,0.8-0.1,1.1      c1.8,2.8,5.9,9.7,7.8,11.7c0,0,0.1,0.1,0.1,0.1c0.6,0.6,1.5,1,2.4,1c1.9,0,3.5-1.6,3.5-3.5C44.5,42.4,44.1,41.6,43.5,40.9z"
-             id="path20" /><path
-             class="st1"
-             d="M54.7,56.5l-3.5-5.3c-0.3-0.5-0.9-0.8-1.5-0.8l-17.6-0.1c-0.6,0-1.1,0.3-1.5,0.8l-3.5,5.3      c-0.4,0.6-0.4,1.2-0.1,1.8s0.9,0.9,1.5,0.9c8.2,0,16.4,0.1,24.6,0.1c0.7,0,1.2-0.3,1.6-0.9C55.1,57.8,55.1,57.1,54.7,56.5z"
-             id="path22" /><path
-             class="st1"
-             d="M52.9,22.5c-0.1-0.5-0.4-0.9-0.9-1.1c-3.4-1.7-7.1-2.6-10.8-2.6c-3.8,0-7.5,0.8-10.9,2.5      c-0.5,0.2-0.8,0.6-0.9,1.1c-0.1,0.5,0,1,0.3,1.4l3.1,4.4c0.5,0.7,1.4,0.9,2.1,0.6c2-0.9,4.1-1.3,6.3-1.3c2.2,0,4.3,0.5,6.3,1.3      c0.8,0.3,1.7,0.1,2.1-0.6l3.1-4.4C52.9,23.5,53,23,52.9,22.5z"
-             id="path24" /><path
-             class="st1"
-             d="M58.1,25.7c-0.4-0.4-0.9-0.5-1.4-0.5c-0.5,0-1,0.3-1.3,0.7l-3.1,4.4c-0.5,0.7-0.4,1.6,0.2,2.2      c2.8,3,4.3,6.8,4.3,10.9c0,0.3,0,0.6,0,1c-0.1,0.8,0.5,1.6,1.3,1.8l5.2,1.4c0.5,0.1,1,0.1,1.5-0.2c0.4-0.3,0.7-0.7,0.8-1.3      c0.1-0.9,0.2-1.8,0.2-2.6C65.6,36.8,63,30.4,58.1,25.7z"
-             id="path26" /><path
-             class="st1"
-             d="M29.7,30.2l-3-4.4c-0.3-0.4-0.7-0.7-1.3-0.7c-0.5-0.1-1,0.1-1.4,0.5c-4.9,4.6-7.6,11-7.7,17.7      c0,0.9,0,1.8,0.1,2.6c0.1,0.5,0.3,1,0.7,1.3s0.9,0.4,1.4,0.3l5.2-1.4c0.8-0.2,1.4-1,1.3-1.8c0-0.3,0-0.6,0-1      c0-4.1,1.6-7.9,4.4-10.9C30.1,31.8,30.2,30.9,29.7,30.2z"
-             id="path28" /><g
-             id="Layer_1_2_" /></g></g></g></switch></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 82 82"
+	 style="enable-background:new 0 0 82 82;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<path class="st0" d="M41.1,15.2c-15.5-0.1-28.2,12.4-28.3,28c0,6.9,2.5,13.6,7.1,18.8c0.3,0.4,0.8,0.6,1.3,0.6l39.3,0.2
+					c0.5,0,1-0.2,1.3-0.6c4.7-5.1,7.2-11.8,7.3-18.7C69.2,28,56.7,15.3,41.1,15.2z M60.6,61.1l-39.3-0.2c-4.2-4.7-6.7-10.9-6.6-17.6
+					c0.1-14.6,12-26.3,26.5-26.2c14.6,0.1,26.3,12,26.2,26.5C67.3,50.3,64.8,56.4,60.6,61.1z M43.5,40.9
+					C43.5,40.9,43.5,40.9,43.5,40.9c-2.1-2-8.9-6.2-11.7-8c-0.4-0.2-0.8-0.2-1.1,0.1c-0.3,0.3-0.3,0.8-0.1,1.1
+					c1.8,2.8,5.9,9.7,7.8,11.7c0,0,0.1,0.1,0.1,0.1c0.6,0.6,1.5,1,2.4,1c1.9,0,3.5-1.6,3.5-3.5C44.5,42.4,44.1,41.6,43.5,40.9z"/>
+				<path class="st0" d="M54.7,56.5l-3.5-5.3c-0.3-0.5-0.9-0.8-1.5-0.8l-17.6-0.1c-0.6,0-1.1,0.3-1.5,0.8l-3.5,5.3
+					c-0.4,0.6-0.4,1.2-0.1,1.8s0.9,0.9,1.5,0.9c8.2,0,16.4,0.1,24.6,0.1c0.7,0,1.2-0.3,1.6-0.9C55.1,57.8,55.1,57.1,54.7,56.5z"/>
+				<path class="st0" d="M52.9,22.5c-0.1-0.5-0.4-0.9-0.9-1.1c-3.4-1.7-7.1-2.6-10.8-2.6c-3.8,0-7.5,0.8-10.9,2.5
+					c-0.5,0.2-0.8,0.6-0.9,1.1c-0.1,0.5,0,1,0.3,1.4l3.1,4.4c0.5,0.7,1.4,0.9,2.1,0.6c2-0.9,4.1-1.3,6.3-1.3c2.2,0,4.3,0.5,6.3,1.3
+					c0.8,0.3,1.7,0.1,2.1-0.6l3.1-4.4C52.9,23.5,53,23,52.9,22.5z"/>
+				<path class="st0" d="M58.1,25.7c-0.4-0.4-0.9-0.5-1.4-0.5c-0.5,0-1,0.3-1.3,0.7l-3.1,4.4c-0.5,0.7-0.4,1.6,0.2,2.2
+					c2.8,3,4.3,6.8,4.3,10.9c0,0.3,0,0.6,0,1c-0.1,0.8,0.5,1.6,1.3,1.8l5.2,1.4c0.5,0.1,1,0.1,1.5-0.2c0.4-0.3,0.7-0.7,0.8-1.3
+					c0.1-0.9,0.2-1.8,0.2-2.6C65.6,36.8,63,30.4,58.1,25.7z"/>
+				<path class="st0" d="M29.7,30.2l-3-4.4c-0.3-0.4-0.7-0.7-1.3-0.7c-0.5-0.1-1,0.1-1.4,0.5c-4.9,4.6-7.6,11-7.7,17.7
+					c0,0.9,0,1.8,0.1,2.6c0.1,0.5,0.3,1,0.7,1.3s0.9,0.4,1.4,0.3l5.2-1.4c0.8-0.2,1.4-1,1.3-1.8c0-0.3,0-0.6,0-1
+					c0-4.1,1.6-7.9,4.4-10.9C30.1,31.8,30.2,30.9,29.7,30.2z"/>
+				<g id="Layer_1_2_">
+				</g>
+			</g>
+			
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-2.180208e-02" y1="40.8391" x2="80.9782" y2="40.8391" gradientTransform="matrix(0.9999 1.092937e-02 -1.092937e-02 0.9999 0.9706 -0.279)">
+				<stop  offset="0" style="stop-color:#00ADDC"/>
+				<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</linearGradient>
+			
+				<ellipse transform="matrix(1.092937e-02 -0.9999 0.9999 1.092937e-02 -0.4457 81.5494)" class="st1" cx="41" cy="41" rx="40" ry="40"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Dashboard_TirePressure_OK.svg b/app/images/HMI_Dashboard_TirePressure_OK.svg
index 9328967..8d535b5 100644
--- a/app/images/HMI_Dashboard_TirePressure_OK.svg
+++ b/app/images/HMI_Dashboard_TirePressure_OK.svg
@@ -1,102 +1,61 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:i="&amp;ns_ai;"
-   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"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 44 44"
-   style="enable-background:new 0 0 44 44;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Dashboard_TirePressure_OK.svg"><metadata
-     id="metadata42"><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="defs40" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1464"
-     id="namedview38"
-     showgrid="false"
-     inkscape:zoom="5.3636364"
-     inkscape:cx="-50.245763"
-     inkscape:cy="22"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_1" /><style
-     type="text/css"
-     id="style3">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 44 44"
+	 style="enable-background:new 0 0 44 44;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><linearGradient
-             id="SVGID_1_"
-             gradientUnits="userSpaceOnUse"
-             x1="-11.7622"
-             y1="69.0661"
-             x2="62.1434"
-             y2="-22.8165"><stop
-               offset="0"
-               style="stop-color:#59FF7F"
-               id="stop14" /><stop
-               offset="1"
-               style="stop-color:#6BFBFF"
-               id="stop16" /></linearGradient><polygon
-             class="st0"
-             points="21.6,27.8 20.2,26.4 30.8,15.9 32.2,17.3     "
-             id="polygon18" /></g><g
-           id="g20"><linearGradient
-             id="SVGID_2_"
-             gradientUnits="userSpaceOnUse"
-             x1="-15.4808"
-             y1="66.075"
-             x2="58.4248"
-             y2="-25.8076"><stop
-               offset="0"
-               style="stop-color:#59FF7F"
-               id="stop23" /><stop
-               offset="1"
-               style="stop-color:#6BFBFF"
-               id="stop25" /></linearGradient><polygon
-             class="st1"
-             points="20.7,27.3 15,21.6 16.4,20.2 22.1,25.9     "
-             id="polygon27" /></g><g
-           id="g29"><linearGradient
-             id="SVGID_3_"
-             gradientUnits="userSpaceOnUse"
-             x1="-14.2488"
-             y1="67.066"
-             x2="59.6568"
-             y2="-24.8166"><stop
-               offset="0"
-               style="stop-color:#59FF7F"
-               id="stop32" /><stop
-               offset="1"
-               style="stop-color:#6BFBFF"
-               id="stop34" /></linearGradient><path
-             class="st2"
-             d="M22,44C9.9,44,0,34.1,0,22C0,9.9,9.9,0,22,0c2.4,0,4.8,0.4,7.1,1.2L28.5,3C26.4,2.3,24.2,2,22,2      C11,2,2,11,2,22s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4C44,34.1,34.1,44,22,44z"
-             id="path36" /></g></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-11.7622" y1="69.0661" x2="62.1434" y2="-22.8165">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+					<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+					<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+					<stop  offset="0.84" style="stop-color:#65F6FD"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<polygon class="st0" points="21.6,27.8 20.2,26.4 30.8,15.9 32.2,17.3 				"/>
+			</g>
+			<g>
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-15.4808" y1="66.075" x2="58.4248" y2="-25.8076">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+					<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+					<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+					<stop  offset="0.84" style="stop-color:#65F6FD"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<polygon class="st1" points="20.7,27.3 15,21.6 16.4,20.2 22.1,25.9 				"/>
+			</g>
+			<g>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-14.2488" y1="67.066" x2="59.6568" y2="-24.8166">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="8.369088e-02" style="stop-color:#0EB7E0"/>
+					<stop  offset="0.3637" style="stop-color:#36D4EE"/>
+					<stop  offset="0.6195" style="stop-color:#53EAF7"/>
+					<stop  offset="0.84" style="stop-color:#65F6FD"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<path class="st2" d="M22,44C9.9,44,0,34.1,0,22C0,9.9,9.9,0,22,0c2.4,0,4.8,0.4,7.1,1.2L28.5,3C26.4,2.3,24.2,2,22,2
+					C11,2,2,11,2,22s9,20,20,20s20-9,20-20c0-2-0.3-3.9-0.9-5.8l1.9-0.6c0.6,2.1,0.9,4.2,0.9,6.4C44,34.1,34.1,44,22,44z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
-- 
cgit 1.2.3-korg