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, 163 insertions, 51 deletions

diff --git a/src/images/HMI_HVAC_AirUp_Active.svg b/src/images/HMI_HVAC_AirUp_Active.svg
index f168a39..d1ef118 100644
--- a/src/images/HMI_HVAC_AirUp_Active.svg
+++ b/src/images/HMI_HVAC_AirUp_Active.svg
@@ -1,71 +1,183 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- 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 140 140"
-	 style="enable-background:new 0 0 140 140;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 140 140"
+   style="enable-background:new 0 0 140 140;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_AirUp_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   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:ns="&amp;ns_ai;"><defs
+   id="defs12" /><sodipodi:namedview
+   id="namedview12"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="8.3214286"
+   inkscape:cx="70"
+   inkscape:cy="70"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
 	.st3{fill:url(#SVGID_4_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="13.3039" y1="158.6924" x2="149.6532" y2="-54.6065">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+<ellipse
+   style="fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="70.354645"
+   cy="70.364502"
+   rx="67.354645"
+   ry="67.364502" /><switch
+   id="switch12"
+   style="fill:#c1d8ff;fill-opacity:1">
+	<g
+   ns:extraneous="self"
+   id="g12"
+   style="fill:#c1d8ff;fill-opacity:1">
+		<g
+   id="g11"
+   style="fill:#c1d8ff;fill-opacity:1">
+			<g
+   id="g3"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="13.3039"
+   y1="158.6924"
+   x2="149.6532"
+   y2="-54.6065">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 					</linearGradient>
-					<path class="st0" d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0
-						c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9C33.7,3.9,4.1,33.3,3.9,69.6
-						c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5
-						C70.2,3.9,70.1,3.9,70,3.9z"/>
+					<path
+   class="st0"
+   d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9C1.7,32,32.4,1.5,70,1.5c0.1,0,0.3,0,0.4,0       c37.8,0.2,68.3,31.1,68.1,68.9l0,0C138.3,108,107.6,138.5,70,138.5z M70,3.9C33.7,3.9,4.1,33.3,3.9,69.6       c-0.2,36.4,29.3,66.3,65.7,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.2-36.4-29.3-66.3-65.7-66.5       C70.2,3.9,70.1,3.9,70,3.9z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
 			</g>
-			<g>
-				<g>
-					<g>
-						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="22.352" y1="164.5598" x2="158.7924" y2="-48.8816">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g5"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<g
+   id="g4"
+   style="fill:#c1d8ff;fill-opacity:1">
+						<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="22.352"
+   y1="164.5598"
+   x2="158.7924"
+   y2="-48.8816">
+							<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+							<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 						</linearGradient>
-						<path class="st1" d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9
-							c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2
-							c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"/>
+						<path
+   class="st1"
+   d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9        c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2        c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"
+   id="path4"
+   style="fill:#c1d8ff;fill-opacity:1" />
 					</g>
 				</g>
-				<g>
-					<g>
-						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="25.2431" y1="166.4079" x2="161.6835" y2="-47.0335">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+				<g
+   id="g7"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+						<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="25.2431"
+   y1="166.4079"
+   x2="161.6835"
+   y2="-47.0335">
+							<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+							<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 						</linearGradient>
-						<circle class="st2" cx="97.2" cy="53.8" r="8.3"/>
+						<circle
+   class="st2"
+   cx="97.2"
+   cy="53.8"
+   r="8.3"
+   id="circle6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 					</g>
 				</g>
 			</g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-7.1392" y1="145.7078" x2="129.3011" y2="-67.7336">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g10"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g9"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="-7.1392"
+   y1="145.7078"
+   x2="129.3011"
+   y2="-67.7336">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop8" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop9" />
 					</linearGradient>
-					<path class="st3" d="M55.9,73h-8c-0.9,0-1.6-0.7-1.6-1.6V49.8h0.7v-1.2h1.7v22h6.5v-22h8.3l-11.3-12L40.2,49.2V51h-2.1
-						l-0.4-0.4c-0.5-0.6-0.7-1.6-0.1-2.2L51,34.2c0.3-0.3,0.7-0.5,1.1-0.5c0,0,0,0,0,0c0.4,0,0.8,0.2,1.1,0.5l13.4,14.2
-						c0.5,0.6,0.7,1.6,0.1,2.2L66.3,51h-8.7v20.4C57.5,72.3,56.8,73,55.9,73z M64.8,50.1C64.8,50.1,64.8,50.1,64.8,50.1L64.8,50.1z
-						 M39.4,50L39.4,50C39.4,50.1,39.4,50.1,39.4,50z"/>
+					<path
+   class="st3"
+   d="M55.9,73h-8c-0.9,0-1.6-0.7-1.6-1.6V49.8h0.7v-1.2h1.7v22h6.5v-22h8.3l-11.3-12L40.2,49.2V51h-2.1       l-0.4-0.4c-0.5-0.6-0.7-1.6-0.1-2.2L51,34.2c0.3-0.3,0.7-0.5,1.1-0.5c0,0,0,0,0,0c0.4,0,0.8,0.2,1.1,0.5l13.4,14.2       c0.5,0.6,0.7,1.6,0.1,2.2L66.3,51h-8.7v20.4C57.5,72.3,56.8,73,55.9,73z M64.8,50.1C64.8,50.1,64.8,50.1,64.8,50.1L64.8,50.1z        M39.4,50L39.4,50C39.4,50.1,39.4,50.1,39.4,50z"
+   id="path9"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
 			</g>
 		</g>