Style refresh with square grid motif and blue palette.

It tries to follow the visual language of the flutter sample apps.

Bug-AGL: SPEC-4041
Change-Id: Ie942a1d883e8f7f2a78f2ccf94fcd91b4438b911

1 files changed, 94 insertions, 87 deletions

diff --git a/src/images/HMI_HVAC_Circulation_Active.svg b/src/images/HMI_HVAC_Circulation_Active.svg
index def92bb..0b280f4 100644
--- a/src/images/HMI_HVAC_Circulation_Active.svg
+++ b/src/images/HMI_HVAC_Circulation_Active.svg
@@ -1,87 +1,94 @@
-<?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 318 219"
-	 style="enable-background:new 0 0 318 219;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:url(#SVGID_2_);}
-	.st2{fill:url(#SVGID_3_);}
-	.st3{fill:url(#SVGID_4_);}
-	.st4{fill:url(#SVGID_5_);}
-	.st5{fill:url(#SVGID_6_);}
-	.st6{fill:url(#SVGID_7_);}
-	.st7{fill:url(#SVGID_8_);}
-	.st8{fill:none;stroke:url(#SVGID_9_);stroke-miterlimit:10;}
-</style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="124.8906" y1="222.9002" x2="297.9268" y2="83.4753">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st0" d="M218.2,164.1c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8
-				c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c10.8,0,19.5-8.8,19.5-19.6l2,0C239.7,154.4,230.1,164.1,218.2,164.1
-				C218.2,164.1,218.2,164.1,218.2,164.1z"/>
-			<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="77.6338" y1="164.2511" x2="250.67" y2="24.8262">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st1" d="M97.9,164.3c-5.7,0-11.1-2.2-15.2-6.3c-4.1-4.1-6.3-9.5-6.3-15.2l2,0c0,5.2,2,10.1,5.7,13.8
-				c3.7,3.7,8.6,5.7,13.8,5.7c0,0,0,0,0,0c5.2,0,10.1-2,13.8-5.7c3.7-3.7,5.7-8.6,5.7-13.8l2,0c0,5.7-2.2,11.2-6.3,15.2
-				C109.1,162,103.7,164.3,97.9,164.3C97.9,164.3,97.9,164.3,97.9,164.3z"/>
-			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="93.334" y1="183.7362" x2="266.3703" y2="44.3113">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<polygon class="st2" points="118.1,140.2 118.1,138.2 179.3,138.1 179.3,140.1 			"/>
-			<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="49.8941" y1="129.8242" x2="222.9303" y2="-9.6007">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st3" d="M63.5,140.2c-8.5,0-14.7-14.3-14.7-21.7l0-0.2l6.2-25.2l1.9,0.5l-6.2,25.1c0,3.7,1.6,8.6,3.9,12.6
-				c2.6,4.5,5.8,7,8.8,7c0,0,0,0,0,0l13.8,0l0,2L63.5,140.2C63.5,140.2,63.5,140.2,63.5,140.2z"/>
-			<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="93.1771" y1="183.5415" x2="266.2133" y2="44.1166">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st4" d="M238.7,140l0-2l15.8,0c2.7,0,5.9-5.8,8.7-15.4c2.2-7.7,3.8-16.7,3.9-20.8l-49-18.5L189.3,49l-35.5,0.1l0-2
-				l36.4-0.1l29.1,34.5l49.8,18.9l0,0.7c0,3.9-1.5,13.5-4,22.1c-3.2,11.2-6.8,16.9-10.6,16.9L238.7,140z"/>
-			<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="40.6173" y1="118.311" x2="213.6535" y2="-21.1139">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st5" d="M56.7,94.1l-1.2-1.6l21.1-15.9l14.2-18.9c0.6-1,6.2-10.6,18.3-10.6l44.7-0.1l0,2l-44.7,0.1
-				c-11.2,0-16.3,9.3-16.5,9.6l-0.1,0.1L77.9,78.1L56.7,94.1z"/>
-			<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="70.8807" y1="155.8701" x2="243.917" y2="16.4452">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<path class="st6" d="M126.1,111.9c-5.5,0-10.7-2.1-14.5-6c-3.9-3.9-6-9.1-6.1-14.6c0-5.5,2.1-10.7,6-14.6c3.9-3.9,9.1-6,14.6-6.1
-				l57.1-0.1l0,2l-57.1,0.1c-5,0-9.6,1.9-13.1,5.5c-3.5,3.5-5.4,8.2-5.4,13.2c0,5,1.9,9.6,5.5,13.1c3.5,3.5,8.2,5.4,13.1,5.4
-				c0,0,0,0,0,0l57.1-0.1l0,2L126.1,111.9C126.2,111.9,126.1,111.9,126.1,111.9z"/>
-			<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="85.2865" y1="173.7487" x2="258.3227" y2="34.3238">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<polygon class="st7" points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8 			"/>
-			<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="20.6643" y1="240.7757" x2="297.3357" y2="-21.7757">
-				<stop  offset="0" style="stop-color:#00ADDC"/>
-				<stop  offset="1" style="stop-color:#6BFBFF"/>
-			</linearGradient>
-			<rect x="0.5" y="0.5" class="st8" width="317" height="218"/>
-		</g>
-	</g>
-</switch>
-</svg>
+<?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
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 318 219"
+   style="enable-background:new 0 0 318 219;"
+   xml:space="preserve"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="HMI_HVAC_Circulation_Inactive.svg"
+   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/"><metadata
+     id="metadata33"><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="defs31" /><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="1371"
+     id="namedview29"
+     showgrid="false"
+     inkscape:zoom="3.0479855"
+     inkscape:cx="112.69739"
+     inkscape:cy="102.19865"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_2"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill:#848286;}
+	.st1{fill:none;stroke:#848286;stroke-miterlimit:10;}
+</style><rect
+     x="0.5"
+     y="0.5"
+     class="st1"
+     width="317"
+     height="218"
+     id="rect27"
+     style="stroke:#c1d8ff;stroke-opacity:1;fill:#2962ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 218.2,164.1 c -5.7,0 -11.1,-2.2 -15.2,-6.3 -4.1,-4.1 -6.3,-9.5 -6.3,-15.2 h 2 c 0,5.2 2,10.1 5.7,13.8 3.7,3.7 8.6,5.7 13.8,5.7 0,0 0,0 0,0 10.8,0 19.5,-8.8 19.5,-19.6 h 2 c 0,11.9 -9.6,21.6 -21.5,21.6 z"
+     id="path11"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 97.9,164.3 c -5.7,0 -11.1,-2.2 -15.2,-6.3 -4.1,-4.1 -6.3,-9.5 -6.3,-15.2 h 2 c 0,5.2 2,10.1 5.7,13.8 3.7,3.7 8.6,5.7 13.8,5.7 0,0 0,0 0,0 5.2,0 10.1,-2 13.8,-5.7 3.7,-3.7 5.7,-8.6 5.7,-13.8 h 2 c 0,5.7 -2.2,11.2 -6.3,15.2 -4,4 -9.4,6.3 -15.2,6.3 z"
+     id="path13"
+     style="fill:#c1d8ff;fill-opacity:1" /><rect
+     x="117.89621"
+     y="138.31786"
+     transform="rotate(-0.08392909)"
+     class="st0"
+     width="61.200066"
+     height="2.0000021"
+     id="rect15"
+     style="stroke-width:1;fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 63.5,140.2 c -8.5,0 -14.7,-14.3 -14.7,-21.7 v -0.2 l 6.2,-25.2 1.9,0.5 -6.2,25.1 c 0,3.7 1.6,8.6 3.9,12.6 2.6,4.5 5.8,7 8.8,7 0,0 0,0 0,0 h 13.8 v 2 z"
+     id="path17"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 238.7,140 v -2 h 15.8 c 2.7,0 5.9,-5.8 8.7,-15.4 2.2,-7.7 3.8,-16.7 3.9,-20.8 L 218.1,83.3 189.3,49 153.8,49.1 v -2 l 36.4,-0.1 29.1,34.5 49.8,18.9 v 0.7 c 0,3.9 -1.5,13.5 -4,22.1 -3.2,11.2 -6.8,16.9 -10.6,16.9 z"
+     id="path19"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="M 56.7,94.1 55.5,92.5 76.6,76.6 90.8,57.7 c 0.6,-1 6.2,-10.6 18.3,-10.6 L 153.8,47 v 2 l -44.7,0.1 c -11.2,0 -16.3,9.3 -16.5,9.6 l -0.1,0.1 -14.6,19.3 z"
+     id="path21"
+     style="fill:#c1d8ff;fill-opacity:1" /><path
+     class="st0"
+     d="m 126.1,111.9 c -5.5,0 -10.7,-2.1 -14.5,-6 -3.9,-3.9 -6,-9.1 -6.1,-14.6 0,-5.5 2.1,-10.7 6,-14.6 3.9,-3.9 9.1,-6 14.6,-6.1 l 57.1,-0.1 v 2 l -57.1,0.1 c -5,0 -9.6,1.9 -13.1,5.5 -3.5,3.5 -5.4,8.2 -5.4,13.2 0,5 1.9,9.6 5.5,13.1 3.5,3.5 8.2,5.4 13.1,5.4 0,0 0,0 0,0 l 57.1,-0.1 v 2 l -57.2,0.2 c 0.1,0 0,0 0,0 z"
+     id="path23"
+     style="fill:#c1d8ff;fill-opacity:1" /><polygon
+     class="st0"
+     points="153.9,121.7 153.2,119.8 180.1,110.8 153.2,101.9 153.8,100 186.4,110.8 "
+     id="polygon25"
+     style="fill:#c1d8ff;fill-opacity:1" /></svg>