fix #733: safari icons

Gruntfile.js

@@ -161,9 +161,18 @@ module.exports = function(grunt) {
                 dest: 'tmp/favicon.png',
                 nonull: true
             },
-            touchicon: {
-                src: 'app/touchicon.png',
-                dest: 'tmp/touchicon.png',
+            icons: {
+                cwd: 'app/icons/',
+                src: ['*.png', '*.svg'],
+                dest: 'tmp/icons/',
+                expand: true,
+                nonull: true
+            },
+            'dist-icons': {
+                cwd: 'app/icons/',
+                src: ['*.png', '*.svg'],
+                dest: 'dist/icons/',
+                expand: true,
                 nonull: true
             },
             fonts: {
@@ -663,7 +672,7 @@ module.exports = function(grunt) {
         'eslint',
         'copy:html',
         'copy:favicon',
-        'copy:touchicon',
+        'copy:icons',
         'copy:fonts',
         'webpack',
         'uglify',
@@ -673,6 +682,7 @@ module.exports = function(grunt) {
         'htmlmin',
         'string-replace:manifest-html',
         'string-replace:manifest',
+        'copy:dist-icons',
         'sign-html'
     ]);
 

app/icons/tabicon.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" ?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13" height="14" viewBox="0 0 13 14">
+    <path d="M6.5 4q0-0.625-0.438-1.062t-1.062-0.438-1.062 0.438-0.438 1.062q0 0.328 0.148 0.648-0.32-0.148-0.648-0.148-0.625 0-1.062 0.438t-0.438 1.062 0.438 1.062 1.062 0.438 1.062-0.438 0.438-1.062q0-0.328-0.148-0.648 0.32 0.148 0.648 0.148 0.625 0 1.062-0.438t0.438-1.062zM13.148 9.5q0 0.133-0.383 0.516t-0.516 0.383q-0.070 0-0.223-0.125t-0.285-0.258-0.301-0.312-0.191-0.203l-0.75 0.75 1.719 1.719q0.219 0.219 0.219 0.531 0 0.328-0.305 0.633t-0.633 0.305q-0.312 0-0.531-0.219l-5.242-5.242q-1.375 1.023-2.852 1.023-1.273 0-2.074-0.801t-0.801-2.074q0-1.25 0.742-2.445t1.937-1.937 2.445-0.742q1.273 0 2.074 0.801t0.801 2.074q0 1.477-1.023 2.852l2.773 2.773 0.75-0.75q-0.023-0.023-0.203-0.191t-0.312-0.301-0.258-0.285-0.125-0.223q0-0.133 0.383-0.516t0.516-0.383q0.102 0 0.18 0.078 0.047 0.047 0.359 0.348t0.641 0.621 0.676 0.672 0.57 0.609 0.223 0.32z"></path>
+</svg>

app/index.html

@@ -9,7 +9,8 @@
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="theme-color" content="#6386EC">
     <link rel="shortcut icon" href="favicon.png?__inline=true" />
-    <link rel="apple-touch-icon" sizes="192x192" href="touchicon.png?__inline=true">
+    <link rel="apple-touch-icon" sizes="192x192" href="icons/touchicon.png">
+    <link rel="mask-icon" href="icons/tabicon.svg" color="#5172D3">
     <link rel="stylesheet" href="css/main.css?__inline=true" />
     <script src="js/vendor.js?__inline=true"></script>
     <script src="js/app.js?__inline=true"></script>

release-notes.md

@@ -3,6 +3,7 @@ Release notes
 ##### v1.6.0 (WIP)
 `+` desktop apps integrity protection  
 `+` auto-lock on computer lock  
+`+` safari tab icons  
 `*` prevent master password autocomplete  
 `*` build with node.js 8  
 `-` fixed tray icon click crash