feat: standardise icons (#90)

README.md

@@ -160,6 +160,8 @@ This would produce output like the below image:
 
 This is a useful trick when you are creating things like internal QA versions of your app, where you might want to show a version number or other label in the icon itself.
 
+To label adaptive icons, simply run the `label` command against the _foregroud_ adaptive icon image.
+
 ### Adaptive Icons
 
 Support for [Adaptive Icons for Android](https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive) is being introduced. This will happen in stages and should be considered an 'alpha' feature until otherwise noted.

bin/app-icon.js

@@ -156,7 +156,7 @@ program
         const inputBackground = path.resolve(__dirname, '../src/init/icon.background.template.png');
         const inputForeground = path.resolve(__dirname, '../src/init/icon.foreground.template.png');
         init(inputBackground, './icon.background.png')
-          .then(() => init(inputForeground, './icon.foreground.png'))
+          .then(() => init(inputForeground, './icon.foreground.png', { caption }))
           .then(() => {
             console.log(`Created icon '${chalk.green('icon.background.png')}'`);
             console.log(`Created icon '${chalk.green('icon.foreground.png')}'`);

src/init/init.js

@@ -28,7 +28,7 @@ function init(template, output, options) {
       const command = `convert \
             -background "rgba(0,0,0,0)" -fill white \
             -gravity center -size ${w}x${h} \
-            caption:"${caption}" \
+            -stroke black -strokewidth 2 caption:"${caption}" \
             ${template} +swap -composite ${output}`;
       return imagemagickCli.exec(command);
     });

src/init/init.specs.js

@@ -10,7 +10,7 @@ describe('init', () => {
     return init(template, output)
       .then(() => compareImages(output, reference))
       .then((difference) => {
-        expect(difference).to.be.below(2.5, 'Generated image is below accepted similarly threshold');
+        expect(difference).to.be.below(5, 'Generated image is below accepted similarly threshold');
       });
   });
 
@@ -21,7 +21,7 @@ describe('init', () => {
     return init(template, output, { caption: 'Test' })
       .then(() => compareImages(output, reference))
       .then((difference) => {
-        expect(difference).to.be.below(2.5, 'Generated image is below accepted similarly threshold');
+        expect(difference).to.be.below(5, 'Generated image is below accepted similarly threshold');
       });
   });
 });