Update to new color scheme

The color scheme of button/toggle and background
image has been changed.

Bug-AGL: SPEC-673

Change-Id: I44862566ab2d0a25b8eb3a31dba7a9380ac0d263
Signed-off-by: Tadao Tanikawa <tanikawa.tadao@jp.panasonic.com>

7 files changed, 130 insertions, 322 deletions

diff --git a/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
index 04dd476..6ea9645 100644
--- a/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
+++ b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
@@ -31,6 +31,6 @@ T.ApplicationWindow {
         anchors.fill: parent
         anchors.topMargin:  -218
         anchors.bottomMargin: -215
-        source: './images/AGL_HMI_Background_NoCar-01.png'
+        source: './images/AGL_HMI_Blue_Background_NoCar-01.png'
     }
 }
diff --git a/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.png
deleted file mode 100644
index 595f742..0000000
--- a/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.png
+++ /dev/null
diff --git a/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png
new file mode 100644
index 0000000..357c204
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
index 4251412..6d234fb 100644
--- a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
@@ -1,93 +1,36 @@
-<?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_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 151 51"
-   style="enable-background:new 0 0 151 51;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Settings_TimeDate_Button_Cancel.svg"><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="1464"
-     id="namedview29"
-     showgrid="false"
-     inkscape:zoom="4.4503311"
-     inkscape:cx="-69.095982"
-     inkscape:cy="25.5"
-     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{opacity:0.3;fill:url(#SVGID_2_);}
+<?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 151 51"
+	 style="enable-background:new 0 0 151 51;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+	.st1{opacity:0.3;fill:url(#SVGID_1_);stroke:#0DF9FF;stroke-miterlimit:10;}
 	.st2{fill:#FFFFFF;}
 	.st3{font-family:'Roboto-Regular';}
 	.st4{font-size:20px;}
 	.st5{letter-spacing:3;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><linearGradient
-           id="SVGID_1_"
-           gradientUnits="userSpaceOnUse"
-           x1="24.7258"
-           y1="75.9063"
-           x2="126.2742"
-           y2="-24.9063"><stop
-             offset="0"
-             style="stop-color:#59FF7F"
-             id="stop12" /><stop
-             offset="1"
-             style="stop-color:#6BFBFF"
-             id="stop14" /></linearGradient><rect
-           x="0.5"
-           y="0.5"
-           class="st0"
-           width="150"
-           height="50"
-           id="rect16" /><linearGradient
-           id="SVGID_2_"
-           gradientUnits="userSpaceOnUse"
-           x1="-25.8746"
-           y1="126.14"
-           x2="190.2191"
-           y2="-88.3878"><stop
-             offset="0"
-             style="stop-color:#59FF7F"
-             id="stop19" /><stop
-             offset="1"
-             style="stop-color:#6BFBFF"
-             id="stop21" /></linearGradient><rect
-           x="0.5"
-           y="0.5"
-           class="st1"
-           width="150"
-           height="50"
-           id="rect23" /></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<rect x="0.5" y="0.5" class="st0" width="150" height="50"/>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-25.8746" y1="126.14" x2="190.2191" y2="-88.3878">
+				<stop  offset="0" style="stop-color:#00ADDC"/>
+				<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</linearGradient>
+			<rect x="0.5" y="0.5" class="st1" width="150" height="50"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
index dac68d8..c7831ff 100644
--- a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
@@ -1,93 +1,36 @@
-<?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_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 151 51"
-   style="enable-background:new 0 0 151 51;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Settings_TimeDate_Button_Set.svg"><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="1464"
-     id="namedview29"
-     showgrid="false"
-     inkscape:zoom="4.4503311"
-     inkscape:cx="-106.17187"
-     inkscape:cy="25.5"
-     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{opacity:0.84;fill:url(#SVGID_2_);}
+<?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 151 51"
+	 style="enable-background:new 0 0 151 51;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.84;fill:url(#SVGID_1_);}
+	.st1{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
 	.st2{fill:#27232B;}
 	.st3{font-family:'Roboto-Regular';}
 	.st4{font-size:20px;}
 	.st5{letter-spacing:3;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><linearGradient
-           id="SVGID_1_"
-           gradientUnits="userSpaceOnUse"
-           x1="24.7258"
-           y1="75.9063"
-           x2="126.2742"
-           y2="-24.9063"><stop
-             offset="0"
-             style="stop-color:#59FF7F"
-             id="stop12" /><stop
-             offset="1"
-             style="stop-color:#6BFBFF"
-             id="stop14" /></linearGradient><rect
-           x="0.5"
-           y="0.5"
-           class="st0"
-           width="150"
-           height="50"
-           id="rect16" /><linearGradient
-           id="SVGID_2_"
-           gradientUnits="userSpaceOnUse"
-           x1="-25.8746"
-           y1="126.14"
-           x2="190.2191"
-           y2="-88.3878"><stop
-             offset="0"
-             style="stop-color:#59FF7F"
-             id="stop19" /><stop
-             offset="1"
-             style="stop-color:#6BFBFF"
-             id="stop21" /></linearGradient><rect
-           x="0.5"
-           y="0.5"
-           class="st1"
-           width="150"
-           height="50"
-           id="rect23" /></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-25.8746" y1="125.9981" x2="190.2191" y2="-88.5298">
+				<stop  offset="0" style="stop-color:#00ADDC"/>
+				<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</linearGradient>
+			<rect x="0.5" y="0.4" class="st0" width="150" height="50"/>
+			<rect x="0.5" y="0.4" class="st1" width="150" height="50"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
index f448359..94fbf06 100644
--- a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
@@ -1,70 +1,35 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!-- 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 211 55"
-   style="enable-background:new 0 0 211 55;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Settings_Toggle_OFF.svg"><metadata
-     id="metadata27"><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="defs25" /><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="namedview23"
-     showgrid="false"
-     inkscape:zoom="3.1848341"
-     inkscape:cx="-36.579613"
-     inkscape:cy="27.5"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_1" /><style
-     type="text/css"
-     id="style3">
+<!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 211 55"
+	 style="enable-background:new 0 0 211 55;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:#FFFFFF;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:30px;}
 	.st3{fill:#848286;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><text
-             transform="matrix(1 5.460000e-03 -5.460000e-03 1 0.2607 36.1283)"
-             class="st0 st1 st2"
-             id="text13">OFF</text>
-</g><g
-           id="g15"><path
-             class="st3"
-             d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1      S198.6,54.6,183.7,54.6z"
-             id="path17" /></g><g
-           id="g19"><circle
-             class="st0"
-             cx="95.3"
-             cy="27.5"
-             r="27.2"
-             id="circle21" /></g></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<g>
+				<path class="st3" d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1
+					S198.6,54.6,183.7,54.6z"/>
+			</g>
+			<g>
+				<circle class="st0" cx="95.3" cy="27.5" r="27.2"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
index 3ee9843..705e733 100644
--- a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
@@ -1,82 +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 211 55"
-   style="enable-background:new 0 0 211 55;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Settings_Toggle_ON.svg"><metadata
-     id="metadata32"><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="defs30" /><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="namedview28"
-     showgrid="false"
-     inkscape:zoom="3.1848341"
-     inkscape:cx="-48.040179"
-     inkscape:cy="27.5"
-     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 211 55"
+	 style="enable-background:new 0 0 211 55;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:#FFFFFF;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:30px;}
 	.st3{fill:url(#SVGID_1_);}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><text
-             transform="matrix(1 5.460000e-03 -5.460000e-03 1 0.2607 36.1283)"
-             class="st0 st1 st2"
-             id="text13">ON</text>
-</g><g
-           id="g15"><linearGradient
-             id="SVGID_1_"
-             gradientUnits="userSpaceOnUse"
-             x1="68.1324"
-             y1="27.5007"
-             x2="210.7838"
-             y2="27.5007"><stop
-               offset="0"
-               style="stop-color:#59FF7F"
-               id="stop18" /><stop
-               offset="1"
-               style="stop-color:#6BFBFF"
-               id="stop20" /></linearGradient><path
-             class="st3"
-             d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1      S198.6,54.6,183.7,54.6z"
-             id="path22" /></g><g
-           id="g24"><circle
-             class="st0"
-             cx="183.6"
-             cy="27.5"
-             r="27.2"
-             id="circle26" /></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="68.1324" y1="27.5007" x2="210.7838" y2="27.5007">
+					<stop  offset="0" style="stop-color:#00ADDC"/>
+					<stop  offset="1" style="stop-color:#6BFBFF"/>
+				</linearGradient>
+				<path class="st3" d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1
+					S198.6,54.6,183.7,54.6z"/>
+			</g>
+			<g>
+				<circle class="st0" cx="183.6" cy="27.5" r="27.2"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>