Add support for Emoji 5 (#1797)

* Add support for Emoji 5

Update to latest emoji-datasource and emoji-js and switch to an up-to-date fork
of emoji-panel.

// FREEBIE

* Dark theme support for emoji-panel

Fixes #1763

// FREEBIE

package.json

@@ -153,9 +153,9 @@
     "electron-config": "^1.0.0",
     "electron-editor-context-menu": "^1.1.1",
     "electron-updater": "^2.16.1",
-    "emoji-datasource-apple": "^3.0.0",
-    "emoji-js": "^3.2.2",
-    "emoji-panel": "^0.5.2",
+    "emoji-datasource-apple": "^4.0.0",
+    "emoji-js": "^3.4.0",
+    "emoji-panel": "https://github.com/liliakai/emoji-panel.git#4e6bdd8",
     "google-libphonenumber": "^3.0.7",
     "lodash": "^4.17.4",
     "mkdirp": "^0.5.1",

stylesheets/_emoji.scss

@@ -113,7 +113,7 @@ button.emoji {
   height: 0px;
   .ep-e {
     background-image: url('../node_modules/emoji-datasource/sheet_apple_64.png');
-    background-size: 1312px;
+    background-size: 1734px;
   }
   .ep-slide {
     background-color: $blue;

stylesheets/android-dark.scss

@@ -33,7 +33,7 @@ $text-dark_l2: darken($text-dark, 30%);
       color: $text-dark;
     }
   }
-  button, .confirmation-dialog .content .buttons button {
+  .confirmation-dialog .content .buttons button {
     background-color: $button-dark;
     border: 1px solid $grey-dark_l2;
     &:hover {
@@ -290,4 +290,21 @@ $text-dark_l2: darken($text-dark, 30%);
   .capture-audio button:hover {
     background-color: $grey-dark;
   }
+  button.emoji {
+    &:hover {
+      background-color: $grey-dark;
+    }
+    &:before {
+      @include color-svg('../images/smile.svg', white);
+    }
+  }
+
+  .emoji-panel-container {
+    .ep-categories {
+      background-color: $grey-dark_l3;
+    }
+    .ep-emojies {
+      background-color: $grey-dark_l2;
+    }
+  }
 }