add new design

3 files changed, 197 insertions, 0 deletions

diff --git a/launcher/qml/images/TopShortcut/error.svg b/launcher/qml/images/TopShortcut/error.svg
new file mode 100644
index 0000000..40bd0d6
--- /dev/null
+++ b/launcher/qml/images/TopShortcut/error.svg
@@ -0,0 +1,88 @@
+<?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)  -->
+
+<svg
+   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="Home"
+   x="0px"
+   y="0px"
+   viewBox="0 0 195 216.8"
+   style="enable-background:new 0 0 195 216.8;"
+   xml:space="preserve"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   sodipodi:docname="sdl_usb.svg"><metadata
+     id="metadata61"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs59" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1018"
+     id="namedview57"
+     showgrid="false"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:zoom="1.0885609"
+     inkscape:cx="18.255591"
+     inkscape:cy="102.46209"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Home"><sodipodi:guide
+       position="52.936865,144.9161"
+       orientation="0,1"
+       id="guide4189"
+       inkscape:locked="false" /><sodipodi:guide
+       position="66.027543,153.29873"
+       orientation="1,0"
+       id="guide4191"
+       inkscape:locked="false" /><sodipodi:guide
+       position="34.449153,79.00339"
+       orientation="0,1"
+       id="guide4193"
+       inkscape:locked="false" /><sodipodi:guide
+       position="132.05509,117.35678"
+       orientation="1,0"
+       id="guide4195"
+       inkscape:locked="false" /><sodipodi:guide
+       position="98.9839,162.94449"
+       orientation="1,0"
+       id="guide4266"
+       inkscape:locked="false" /><sodipodi:guide
+       position="67.290679,111.95975"
+       orientation="0,1"
+       id="guide4268"
+       inkscape:locked="false" /></sodipodi:namedview><style
+     type="text/css"
+     id="style3">
+	.st0{fill:#FFFFFF;}
+	.st1{font-family:'Roboto-Regular';}
+	.st2{font-size:11px;}
+	.st3{letter-spacing:2;}
+	.st4{fill:url(#SVGID_1_);}
+	.st5{fill:url(#SVGID_2_);}
+	.st6{fill:url(#SVGID_3_);}
+	.st7{fill:url(#SVGID_4_);}
+	.st8{fill:url(#SVGID_5_);}
+</style><g
+     transform="matrix(0.73220686,0,0,0.73062098,-97.908664,-35.236849)"
+     id="g136"><title
+       id="title133">Layer 1</title><path
+       style="fill:#ffffff;fill-opacity:0;stroke:#00ffff;stroke-width:4.5"
+       inkscape:connector-curvature="0"
+       id="svg_2"
+       d="m 268.92716,136.56016 c -28.99096,0.0124 -52.48549,23.50697 -52.49792,52.50207 0,28.99511 23.50282,52.48964 52.49792,52.49793 28.99097,-0.008 52.4855,-23.50282 52.49379,-52.49378 -0.004,-28.99925 -23.49868,-52.50622 -52.49379,-52.50622 z m 40.05429,52.50207 c -0.0124,8.05397 -2.41661,15.53591 -6.5037,21.81991 l -55.37049,-55.36221 c 6.27985,-4.09538 13.76179,-6.50369 21.82405,-6.52027 22.11835,0.0456 40.01283,17.94422 40.05014,40.06257 z m -80.11686,0 c 0.0166,-8.05397 2.42075,-15.54419 6.52028,-21.82819 l 55.35805,55.36635 c -6.284,4.08708 -13.76179,6.49125 -21.8199,6.50369 -22.11421,-0.0207 -40.01283,-17.9235 -40.05843,-40.04185 z" /></g></svg>
diff --git a/launcher/qml/images/TopShortcut/error_active.svg b/launcher/qml/images/TopShortcut/error_active.svg
new file mode 100644
index 0000000..ddbc722
--- /dev/null
+++ b/launcher/qml/images/TopShortcut/error_active.svg
@@ -0,0 +1,107 @@
+<?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)  -->
+
+<svg
+   xmlns:i="&amp;#38;#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="Home"
+   x="0px"
+   y="0px"
+   viewBox="0 0 195 216.8"
+   style="enable-background:new 0 0 195 216.8;"
+   xml:space="preserve"
+   sodipodi:docname="sdl_usb_active.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata3773"><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="defs3771" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1280"
+   inkscape:window-height="1002"
+   id="namedview3769"
+   showgrid="false"
+   inkscape:zoom="3.8560885"
+   inkscape:cx="97.5"
+   inkscape:cy="108.4"
+   inkscape:window-x="1912"
+   inkscape:window-y="48"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="g3764" />
+<style
+   type="text/css"
+   id="style3750">
+	.st0{fill:#0DF9FF;}
+	.st1{fill:url(#Active_2_1_);}
+	.st2{fill:#FFFFFF;}
+	.st3{font-family:'Roboto-Regular';}
+	.st4{font-size:11px;}
+	.st5{letter-spacing:2;}
+	.st6{fill:url(#SVGID_1_);}
+	.st7{fill:url(#SVGID_2_);}
+	.st8{fill:url(#SVGID_3_);}
+	.st9{fill:url(#SVGID_4_);}
+	.st10{fill:url(#SVGID_5_);}
+</style>
+<switch
+   id="switch3766">
+	<g
+   i:extraneous="self"
+   id="g3764">
+		<rect
+   id="Active_1"
+   y="214.3"
+   transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 195.8833 431.0468)"
+   class="st0"
+   width="195.9"
+   height="2.4" />
+		<linearGradient
+   id="Active_2_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="97.9416"
+   y1="236.9585"
+   x2="97.9416"
+   y2="-68.5304">
+			<stop
+   offset="0"
+   style="stop-color:#0DF9FF"
+   id="stop3753" />
+			<stop
+   offset="9.208472e-02"
+   style="stop-color:#0DF9FF;stop-opacity:0.853"
+   id="stop3755" />
+			<stop
+   offset="0.6264"
+   style="stop-color:#0DF9FF;stop-opacity:0"
+   id="stop3757" />
+		</linearGradient>
+		<rect
+   id="Active_2"
+   class="st1"
+   width="195.9"
+   height="214.3" />
+		
+	<g
+   transform="matrix(0.73220686,0,0,0.73062098,-97.9088,-35.236884)"
+   id="g136"><title
+     id="title133">Layer 1</title><path
+     style="fill:#ffffff;fill-opacity:0;stroke:#00ffff;stroke-width:4.5;"
+     inkscape:connector-curvature="0"
+     id="svg_2"
+     d="m 268.92716,136.56016 c -28.99096,0.0124 -52.48549,23.50697 -52.49792,52.50207 0,28.99511 23.50282,52.48964 52.49792,52.49793 28.99097,-0.008 52.4855,-23.50282 52.49379,-52.49378 -0.004,-28.99925 -23.49868,-52.50622 -52.49379,-52.50622 z m 40.05429,52.50207 c -0.0124,8.05397 -2.41661,15.53591 -6.5037,21.81991 l -55.37049,-55.36221 c 6.27985,-4.09538 13.76179,-6.50369 21.82405,-6.52027 22.11835,0.0456 40.01283,17.94422 40.05014,40.06257 z m -80.11686,0 c 0.0166,-8.05397 2.42075,-15.54419 6.52028,-21.82819 l 55.35805,55.36635 c -6.284,4.08708 -13.76179,6.49125 -21.8199,6.50369 -22.11421,-0.0207 -40.01283,-17.9235 -40.05843,-40.04185 z" /></g></g>
+</switch>
+</svg>
diff --git a/launcher/qml/images/TopShortcut/topshortcut.qrc b/launcher/qml/images/TopShortcut/topshortcut.qrc
index d654bf2..8ca887b 100644
--- a/launcher/qml/images/TopShortcut/topshortcut.qrc
+++ b/launcher/qml/images/TopShortcut/topshortcut.qrc
@@ -12,5 +12,7 @@
         <file>video_active.svg</file>
         <file>sdl_usb.svg</file>
         <file>sdl_usb_active.svg</file>
+        <file>error.svg</file>
+        <file>error_active.svg</file>
     </qresource>
 </RCC>