Replace application icon with a diagonal gradient based icon that should look better on the desktop.

packages/uhk-agent/src/electron-main.ts

@@ -79,7 +79,7 @@ function createWindow() {
         webPreferences: {
             nodeIntegration: true
         },
-        icon: path.join(__dirname, 'renderer/assets/images/agent-icon.png')
+        icon: path.join(__dirname, 'renderer/assets/images/agent-app-icon.png')
     });
     win.setMenuBarVisibility(false);
     win.maximize();

packages/uhk-web/src/svgs/icons/agent-icon.svg

@@ -1,10 +1,149 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
-	 width="15px" height="15px" viewBox="0 0 15 15" enable-background="new 0 0 15 15" xml:space="preserve">
+   xmlns:cc="http://creativecommons.org/ns#"
-<path fill="#333333" d="M3,0C1.338,0,0,1.338,0,3v9c0,1.662,1.338,3,3,3h9c1.662,0,3-1.338,3-3V3c0-1.662-1.338-3-3-3H3z
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-	 M1.375,3.75c0.07-0.012,0.125,0,0.125,0H6c0.375,0,0.75,0.375,0.75,0.375S7.125,4.5,7.5,4.5s0.75-0.375,0.75-0.375
+   xmlns:svg="http://www.w3.org/2000/svg"
-	S8.625,3.75,9,3.75h4.5c0.75,0,0.75,0.75,0.75,0.75V6c0,2.25-1.5,2.25-1.5,2.25H9c-0.375,0-0.75-1.125-0.75-1.125S7.875,6,7.5,6
+   xmlns="http://www.w3.org/2000/svg"
-	S6.75,7.125,6.75,7.125S6.375,8.25,6,8.25H2.25c0,0-1.5,0-1.5-2.25V4.5C0.75,3.938,1.164,3.785,1.375,3.75z"/>
+   xmlns:xlink="http://www.w3.org/1999/xlink"
-</svg>
+   id="svg2"
+   version="1.1"
+   xml:space="preserve"
+   width="15"
+   height="15"
+   viewBox="0 0 15 15"><metadata
+     id="metadata20"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       spreadMethod="pad"
+       id="linearGradient5644"><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0"
+         id="stop5646" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop5648" /><stop
+         style="stop-opacity:1;stop-color:#5d5f63"
+         offset="0.00137794"
+         id="stop5650" /><stop
+         style="stop-opacity:1;stop-color:#cccccc"
+         offset="0.52557927"
+         id="stop5652" /><stop
+         style="stop-opacity:1;stop-color:#5d5c62"
+         offset="1"
+         id="stop5654" /></linearGradient><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       spreadMethod="pad"
+       id="linearGradient4158-3"><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0"
+         id="stop5634" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop5636" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop5638" /><stop
+         style="stop-opacity:1;stop-color:#cccccc"
+         offset="0.49464694"
+         id="stop5640" /><stop
+         style="stop-opacity:1;stop-color:#5d5c62"
+         offset="1"
+         id="stop5642" /></linearGradient><linearGradient
+       osb:paint="solid"
+       id="linearGradient5618"><stop
+         id="stop5620"
+         offset="0"
+         style="stop-color:#cccccc;stop-opacity:1;" /></linearGradient><linearGradient
+       id="linearGradient4158"
+       spreadMethod="pad"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop4160"
+         offset="0"
+         style="stop-opacity:1;stop-color:#85878d" /><stop
+         id="stop4162"
+         offset="0.00137794"
+         style="stop-opacity:1;stop-color:#85878d" /><stop
+         id="stop4164"
+         offset="0.00137794"
+         style="stop-opacity:1;stop-color:#85878d" /><stop
+         id="stop4166"
+         offset="0.49464694"
+         style="stop-opacity:1;stop-color:#cccccc" /><stop
+         id="stop4168"
+         offset="1"
+         style="stop-opacity:1;stop-color:#5d5c62" /></linearGradient><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath18"><path
+         d="M 2.398,12 C 1.07,12 0,10.93 0,9.602 L 0,9.602 0,2.398 C 0,1.07 1.07,0 2.398,0 L 2.398,0 9.601,0 C 10.93,0 12,1.07 12,2.398 L 12,2.398 12,9.602 C 12,10.93 10.93,12 9.601,12 L 9.601,12 2.398,12 Z M 0.602,7.199 0.602,8.398 C 0.602,8.852 0.931,8.973 1.102,9 L 1.102,9 C 1.156,9.008 1.199,9 1.199,9 L 1.199,9 4.801,9 C 5.102,9 5.398,8.699 5.398,8.699 L 5.398,8.699 C 5.398,8.699 5.699,8.398 6,8.398 L 6,8.398 C 6.301,8.398 6.602,8.699 6.602,8.699 L 6.602,8.699 C 6.602,8.699 6.898,9 7.199,9 L 7.199,9 10.801,9 C 11.398,9 11.398,8.398 11.398,8.398 L 11.398,8.398 11.398,7.199 C 11.398,5.398 10.199,5.398 10.199,5.398 L 10.199,5.398 7.199,5.398 C 6.898,5.398 6.602,6.301 6.602,6.301 L 6.602,6.301 C 6.602,6.301 6.301,7.199 6,7.199 L 6,7.199 C 5.699,7.199 5.398,6.301 5.398,6.301 L 5.398,6.301 C 5.398,6.301 5.102,5.398 4.801,5.398 L 4.801,5.398 1.801,5.398 C 1.801,5.398 0.602,5.398 0.602,7.199"
+         id="path20" /></clipPath><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       spreadMethod="pad"
+       id="linearGradient26"><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0"
+         id="stop28" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop30" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop32" /><stop
+         style="stop-opacity:1;stop-color:#b6b6b6"
+         offset="0.48571813"
+         id="stop34" /><stop
+         style="stop-opacity:1;stop-color:#5d5c62"
+         offset="1"
+         id="stop36" /></linearGradient><linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="11.745763"
+       y1="11.542373"
+       x1="0.91525424"
+       id="linearGradient4154"
+       xlink:href="#linearGradient4158" /><linearGradient
+       y2="-0.050847456"
+       x2="12"
+       y1="11.898305"
+       x1="0.10169491"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4156"
+       xlink:href="#linearGradient5644" /></defs><g
+     id="g10"
+     transform="matrix(1.25,0,0,-1.25,0,15)"><path
+       d="M 11.473,5.117 0.416,5.117 0.416,9.383 11.473,9.383 11.473,5.117 Z"
+       style="fill:#343434;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path12" /><g
+       style="fill:url(#linearGradient4154);fill-opacity:1.0"
+       clip-path="url(#clipPath18)"
+       id="g16"><g
+         style="fill:url(#linearGradient4154);fill-opacity:1.0"
+         id="g22"><g
+           style="fill:url(#linearGradient4154);fill-opacity:1.0"
+           id="g24"><path
+             id="path38"
+             style="fill:url(#linearGradient4156);stroke:none;fill-opacity:1;stroke-opacity:1"
+             d="M 2.398,12 C 1.07,12 0,10.93 0,9.602 L 0,9.602 0,2.398 C 0,1.07 1.07,0 2.398,0 L 2.398,0 9.601,0 C 10.93,0 12,1.07 12,2.398 L 12,2.398 12,9.602 C 12,10.93 10.93,12 9.601,12 L 9.601,12 2.398,12 Z M 0.602,7.199 0.602,8.398 C 0.602,8.852 0.931,8.973 1.102,9 L 1.102,9 C 1.156,9.008 1.199,9 1.199,9 L 1.199,9 4.801,9 C 5.102,9 5.398,8.699 5.398,8.699 L 5.398,8.699 C 5.398,8.699 5.699,8.398 6,8.398 L 6,8.398 C 6.301,8.398 6.602,8.699 6.602,8.699 L 6.602,8.699 C 6.602,8.699 6.898,9 7.199,9 L 7.199,9 10.801,9 C 11.398,9 11.398,8.398 11.398,8.398 L 11.398,8.398 11.398,7.199 C 11.398,5.398 10.199,5.398 10.199,5.398 L 10.199,5.398 7.199,5.398 C 6.898,5.398 6.602,6.301 6.602,6.301 L 6.602,6.301 C 6.602,6.301 6.301,7.199 6,7.199 L 6,7.199 C 5.699,7.199 5.398,6.301 5.398,6.301 L 5.398,6.301 C 5.398,6.301 5.102,5.398 4.801,5.398 L 4.801,5.398 1.801,5.398 C 1.801,5.398 0.602,5.398 0.602,7.199" /></g></g></g></g></svg>

packages/uhk-web/src/svgs/keyboard/icons/agent-icon.svg

@@ -1,4 +1,149 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-5 -5 9.9999999 10" height="15" width="15">
+<svg
-    <path style="fill:#333" d="M -3,-5 C -4.108,-5 -5,-4.108 -5,-3 L -5,3 C -5,4.108 -4.108,5 -3,5 L 3,5 C 4.108,5 5,4.108 5,3 L 5,-3 C 5,-4.108 4.108,-5 3,-5 L -3,-5 Z M -4.0833333,-2.5 C -4.0364583,-2.5078125 -4,-2.5 -4,-2.5 L -0.99999998,-2.5 C -0.74999998,-2.5 -0.49999998,-2.25 -0.49999998,-2.25 -0.49999998,-2.25 -0.24999998,-2 2.4999999e-8,-2 0.25000003,-2 0.50000003,-2.25 0.50000003,-2.25 0.50000003,-2.25 0.75000003,-2.5 1,-2.5 L 4,-2.5 C 4.5,-2.5 4.5,-2 4.5,-2 L 4.5,-0.99999998 C 4.5,0.50000003 3.5,0.50000003 3.5,0.50000003 L 1,0.50000003 C 0.75000003,0.50000003 0.50000003,-0.24999998 0.50000003,-0.24999998 0.50000003,-0.24999998 0.25000003,-0.99999998 2.4999999e-8,-0.99999998 -0.24999998,-0.99999998 -0.49999998,-0.24999998 -0.49999998,-0.24999998 -0.49999998,-0.24999998 -0.74999998,0.50000003 -0.99999998,0.50000003 L -3.5,0.50000003 C -3.5,0.50000003 -4.5,0.50000003 -4.5,-0.99999998 L -4.5,-2 C -4.5,-2.375 -4.2239583,-2.4765625 -4.0833333,-2.5 Z" />
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
-</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:xlink="http://www.w3.org/1999/xlink"
+   id="svg2"
+   version="1.1"
+   xml:space="preserve"
+   width="15"
+   height="15"
+   viewBox="0 0 15 15"><metadata
+     id="metadata20"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       spreadMethod="pad"
+       id="linearGradient5644"><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0"
+         id="stop5646" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop5648" /><stop
+         style="stop-opacity:1;stop-color:#5d5f63"
+         offset="0.00137794"
+         id="stop5650" /><stop
+         style="stop-opacity:1;stop-color:#cccccc"
+         offset="0.52557927"
+         id="stop5652" /><stop
+         style="stop-opacity:1;stop-color:#5d5c62"
+         offset="1"
+         id="stop5654" /></linearGradient><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       spreadMethod="pad"
+       id="linearGradient4158-3"><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0"
+         id="stop5634" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop5636" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop5638" /><stop
+         style="stop-opacity:1;stop-color:#cccccc"
+         offset="0.49464694"
+         id="stop5640" /><stop
+         style="stop-opacity:1;stop-color:#5d5c62"
+         offset="1"
+         id="stop5642" /></linearGradient><linearGradient
+       osb:paint="solid"
+       id="linearGradient5618"><stop
+         id="stop5620"
+         offset="0"
+         style="stop-color:#cccccc;stop-opacity:1;" /></linearGradient><linearGradient
+       id="linearGradient4158"
+       spreadMethod="pad"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop4160"
+         offset="0"
+         style="stop-opacity:1;stop-color:#85878d" /><stop
+         id="stop4162"
+         offset="0.00137794"
+         style="stop-opacity:1;stop-color:#85878d" /><stop
+         id="stop4164"
+         offset="0.00137794"
+         style="stop-opacity:1;stop-color:#85878d" /><stop
+         id="stop4166"
+         offset="0.49464694"
+         style="stop-opacity:1;stop-color:#cccccc" /><stop
+         id="stop4168"
+         offset="1"
+         style="stop-opacity:1;stop-color:#5d5c62" /></linearGradient><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath18"><path
+         d="M 2.398,12 C 1.07,12 0,10.93 0,9.602 L 0,9.602 0,2.398 C 0,1.07 1.07,0 2.398,0 L 2.398,0 9.601,0 C 10.93,0 12,1.07 12,2.398 L 12,2.398 12,9.602 C 12,10.93 10.93,12 9.601,12 L 9.601,12 2.398,12 Z M 0.602,7.199 0.602,8.398 C 0.602,8.852 0.931,8.973 1.102,9 L 1.102,9 C 1.156,9.008 1.199,9 1.199,9 L 1.199,9 4.801,9 C 5.102,9 5.398,8.699 5.398,8.699 L 5.398,8.699 C 5.398,8.699 5.699,8.398 6,8.398 L 6,8.398 C 6.301,8.398 6.602,8.699 6.602,8.699 L 6.602,8.699 C 6.602,8.699 6.898,9 7.199,9 L 7.199,9 10.801,9 C 11.398,9 11.398,8.398 11.398,8.398 L 11.398,8.398 11.398,7.199 C 11.398,5.398 10.199,5.398 10.199,5.398 L 10.199,5.398 7.199,5.398 C 6.898,5.398 6.602,6.301 6.602,6.301 L 6.602,6.301 C 6.602,6.301 6.301,7.199 6,7.199 L 6,7.199 C 5.699,7.199 5.398,6.301 5.398,6.301 L 5.398,6.301 C 5.398,6.301 5.102,5.398 4.801,5.398 L 4.801,5.398 1.801,5.398 C 1.801,5.398 0.602,5.398 0.602,7.199"
+         id="path20" /></clipPath><linearGradient
+       x1="0"
+       y1="0"
+       x2="1"
+       y2="0"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(12,0,0,-12,0,6)"
+       spreadMethod="pad"
+       id="linearGradient26"><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0"
+         id="stop28" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop30" /><stop
+         style="stop-opacity:1;stop-color:#85878d"
+         offset="0.00137794"
+         id="stop32" /><stop
+         style="stop-opacity:1;stop-color:#b6b6b6"
+         offset="0.48571813"
+         id="stop34" /><stop
+         style="stop-opacity:1;stop-color:#5d5c62"
+         offset="1"
+         id="stop36" /></linearGradient><linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="11.745763"
+       y1="11.542373"
+       x1="0.91525424"
+       id="linearGradient4154"
+       xlink:href="#linearGradient4158" /><linearGradient
+       y2="-0.050847456"
+       x2="12"
+       y1="11.898305"
+       x1="0.10169491"
+       gradientUnits="userSpaceOnUse"
+       id="linearGradient4156"
+       xlink:href="#linearGradient5644" /></defs><g
+     id="g10"
+     transform="matrix(1.25,0,0,-1.25,0,15)"><path
+       d="M 11.473,5.117 0.416,5.117 0.416,9.383 11.473,9.383 11.473,5.117 Z"
+       style="fill:#343434;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path12" /><g
+       style="fill:url(#linearGradient4154);fill-opacity:1.0"
+       clip-path="url(#clipPath18)"
+       id="g16"><g
+         style="fill:url(#linearGradient4154);fill-opacity:1.0"
+         id="g22"><g
+           style="fill:url(#linearGradient4154);fill-opacity:1.0"
+           id="g24"><path
+             id="path38"
+             style="fill:url(#linearGradient4156);stroke:none;fill-opacity:1;stroke-opacity:1"
+             d="M 2.398,12 C 1.07,12 0,10.93 0,9.602 L 0,9.602 0,2.398 C 0,1.07 1.07,0 2.398,0 L 2.398,0 9.601,0 C 10.93,0 12,1.07 12,2.398 L 12,2.398 12,9.602 C 12,10.93 10.93,12 9.601,12 L 9.601,12 2.398,12 Z M 0.602,7.199 0.602,8.398 C 0.602,8.852 0.931,8.973 1.102,9 L 1.102,9 C 1.156,9.008 1.199,9 1.199,9 L 1.199,9 4.801,9 C 5.102,9 5.398,8.699 5.398,8.699 L 5.398,8.699 C 5.398,8.699 5.699,8.398 6,8.398 L 6,8.398 C 6.301,8.398 6.602,8.699 6.602,8.699 L 6.602,8.699 C 6.602,8.699 6.898,9 7.199,9 L 7.199,9 10.801,9 C 11.398,9 11.398,8.398 11.398,8.398 L 11.398,8.398 11.398,7.199 C 11.398,5.398 10.199,5.398 10.199,5.398 L 10.199,5.398 7.199,5.398 C 6.898,5.398 6.602,6.301 6.602,6.301 L 6.602,6.301 C 6.602,6.301 6.301,7.199 6,7.199 L 6,7.199 C 5.699,7.199 5.398,6.301 5.398,6.301 L 5.398,6.301 C 5.398,6.301 5.102,5.398 4.801,5.398 L 4.801,5.398 1.801,5.398 C 1.801,5.398 0.602,5.398 0.602,7.199" /></g></g></g></g></svg>

scripts/generate-icons.sh

@@ -2,7 +2,7 @@
 
 # apt-get install inkscape imagemagick-6.q16 icnsutils
 
-agentIconSvg=../packages/uhk-web/src/svgs/keyboard/icons/agent-icon.svg
+agentIconSvg=../packages/uhk-web/src/svgs/icons/agent-icon.svg
 
 for size in 16 24 32 48 64 96 128 256 512 1024; do
     inkscape -z --export-png=../build/icons/${size}x${size}.png -w $size $agentIconSvg