summaryrefslogtreecommitdiffstats
path: root/app/images
diff options
context:
space:
mode:
authorTadao Tanikawa <tanikawa.tadao@jp.panasonic.com>2017-12-20 01:12:14 +0900
committerTadao Tanikawa <tanikawa.tadao@jp.panasonic.com>2017-12-20 01:18:34 +0900
commite9b63a2dccd72157c75475ca98b00d72d19bac6f (patch)
tree1e19a35645cb615157f620ec1aaccd1a12505aea /app/images
parentc19628aa696de048b34651dff85ccb0448ce2cd1 (diff)
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>
Diffstat (limited to 'app/images')
-rw-r--r--app/images/HMI_Dashboard_Car.pngbin253513 -> 256058 bytes
-rw-r--r--app/images/HMI_Dashboard_Fuel_Details.svg133
-rw-r--r--app/images/HMI_Dashboard_Fuel_Icon.svg115
-rw-r--r--app/images/HMI_Dashboard_LeftTire.svg187
-rw-r--r--app/images/HMI_Dashboard_RightTire.svg188
-rw-r--r--app/images/HMI_Dashboard_Speed_Icon.svg143
-rw-r--r--app/images/HMI_Dashboard_TirePressure_OK.svg157
7 files changed, 341 insertions, 582 deletions
diff --git a/app/images/HMI_Dashboard_Car.png b/app/images/HMI_Dashboard_Car.png
index b17d135..387a4b1 100644
--- a/app/images/HMI_Dashboard_Car.png
+++ b/app/images/HMI_Dashboard_Car.png
Binary files 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>