chore: improve lint setup (#397)

- update eslint config to closely mirror the ones from ferdium-app
- add .eslintignore
- opt in to eslint `reportUnusedDisableDirectives` config option
- remove `trailingComma: all` from `prettier` config which is default in `prettier` v3
- autofix or disable a lot of lint issues throughout codebase
- add `volta` configuration to `package.json` to autoload correct `node` and `pnpm` versions
- upgrade all `eslint` and `prettier` related dependencies to latest
- update lint:fix npm script
- reformat touched files with prettier
- bumped up minor version for all recipes that have changes
- introduced injection of 'service.css' where it was missing in many recipes

---------

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

709 files changed, 3422 insertions, 1915 deletions

diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..269424f
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,4 @@
+.devcontainer
+.github
+.husky
+node_modules
diff --git a/.eslintrc.js b/.eslintrc.js
index 25e75f3..7c1f725 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -11,8 +11,23 @@ module.exports = {
     jquery: true,
   },
   extends: ['eslint:recommended', 'plugin:unicorn/recommended'],
+  reportUnusedDisableDirectives: true,
   rules: {
-    //  eslint-plugin-unicorn
+    // eslint
+    'array-callback-return': 1,
+    'consistent-return': 1,
+    'no-await-in-loop': 1,
+    'no-return-assign': 1,
+    'no-console': [
+      1,
+      {
+        allow: ['warn', 'error'],
+      },
+    ],
+    'no-param-reassign': 1,
+    'prefer-destructuring': 0,
+    // eslint-plugin-unicorn
+    'unicorn/filename-case': 0,
     'unicorn/no-null': 0,
     'unicorn/no-useless-undefined': 0,
     'unicorn/prefer-module': 0,
@@ -31,5 +46,7 @@ module.exports = {
     'unicorn/consistent-destructuring': 0,
     'unicorn/no-array-reduce': 0,
     'unicorn/no-nested-ternary': 0,
+    'unicorn/prefer-top-level-await': 0,
+    'unicorn/prefer-string-replace-all': 0,
   },
 };
diff --git a/.prettierrc.js b/.prettierrc.js
index 6a0a094..dd8e1aa 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -1,5 +1,4 @@
 module.exports = {
   singleQuote: true,
   arrowParens: 'avoid',
-  trailingComma: 'all',
 };
diff --git a/package.json b/package.json
index 0f7be5f..d310ebd 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,11 @@
     "doc": "docs"
   },
   "engines": {
+    "node": "18.15.0",
+    "pnpm": "8.6.2"
+  },
+  "volta": {
+    "node": "18.15.0",
     "pnpm": "8.6.2"
   },
   "scripts": {
@@ -13,7 +18,7 @@
     "package": "node scripts/package.js",
     "create": "node scripts/create.js",
     "lint": "eslint \"{recipes,scripts}/**/*.{js,jsx,ts,tsx}\"",
-    "lint:fix": "eslint --fix \"{recipes,scripts}/**/*.{js,jsx,ts,tsx}\"",
+    "lint:fix": "pnpm lint --fix",
     "reformat-files": "prettier --ignore-path .eslintignore --write --require-pragma \"**/*.{js,json,scss}\"",
     "contributors": "all-contributors"
   },
@@ -34,14 +39,14 @@
   "devDependencies": {
     "@types/targz": "1.0.1",
     "all-contributors-cli": "6.26.0",
-    "eslint": "8.39.0",
-    "eslint-plugin-unicorn": "42.0.0",
+    "eslint": "8.45.0",
+    "eslint-plugin-unicorn": "48.0.0",
     "fs-extra": "11.1.1",
     "husky": "8.0.3",
     "image-size": "1.0.2",
     "is-ci": "3.0.1",
     "open": "8.4.1",
-    "prettier": "2.8.8",
+    "prettier": "3.0.0",
     "simple-git": "3.19.0",
     "targz": "1.0.1"
   }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e37d28a..3fe2762 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,11 +15,11 @@ importers:
         specifier: 6.26.0
         version: 6.26.0
       eslint:
-        specifier: 8.39.0
-        version: 8.39.0
+        specifier: 8.45.0
+        version: 8.45.0
       eslint-plugin-unicorn:
-        specifier: 42.0.0
-        version: 42.0.0(eslint@8.39.0)
+        specifier: 48.0.0
+        version: 48.0.0(eslint@8.45.0)
       fs-extra:
         specifier: 11.1.1
         version: 11.1.1
@@ -36,8 +36,8 @@ importers:
         specifier: 8.4.1
         version: 8.4.1
       prettier:
-        specifier: 2.8.8
-        version: 2.8.8
+        specifier: 3.0.0
+        version: 3.0.0
       simple-git:
         specifier: 3.19.0
         version: 3.19.0
@@ -75,6 +75,8 @@ importers:
 
   recipes/azure-devops: {}
 
+  recipes/bard: {}
+
   recipes/basecamp: {}
 
   recipes/bigbluebutton: {}
@@ -93,6 +95,8 @@ importers:
 
   recipes/brax.me: {}
 
+  recipes/bring: {}
+
   recipes/buffer: {}
 
   recipes/bugzilla: {}
@@ -171,6 +175,8 @@ importers:
 
   recipes/evernote: {}
 
+  recipes/excalidraw: {}
+
   recipes/facebook: {}
 
   recipes/facebookpages: {}
@@ -219,16 +225,28 @@ importers:
 
   recipes/good-reads: {}
 
+  recipes/google-calendar: {}
+
+  recipes/google-classroom: {}
+
   recipes/google-contacts: {}
 
   recipes/google-docs: {}
 
+  recipes/google-drive: {}
+
   recipes/google-duo: {}
 
   recipes/google-groups: {}
 
+  recipes/google-keep: {}
+
+  recipes/google-meet: {}
+
   recipes/google-news: {}
 
+  recipes/google-podcasts: {}
+
   recipes/google-presentation: {}
 
   recipes/google-spreadsheets: {}
@@ -237,18 +255,6 @@ importers:
 
   recipes/google-voice: {}
 
-  recipes/googlecalendar: {}
-
-  recipes/googleclassroom: {}
-
-  recipes/googledrive: {}
-
-  recipes/googlekeep: {}
-
-  recipes/googlemeet: {}
-
-  recipes/googlepodcasts: {}
-
   recipes/gotify: {}
 
   recipes/goto: {}
@@ -359,6 +365,8 @@ importers:
 
   recipes/mewe: {}
 
+  recipes/miro: {}
+
   recipes/mirotalk-bro: {}
 
   recipes/mirotalk-c2c: {}
@@ -429,6 +437,8 @@ importers:
 
   recipes/paymo: {}
 
+  recipes/perplexity: {}
+
   recipes/pinterest: {}
 
   recipes/pipefy: {}
@@ -437,6 +447,8 @@ importers:
 
   recipes/pixelfed: {}
 
+  recipes/pixieset: {}
+
   recipes/plan: {}
 
   recipes/planitpoker: {}
@@ -459,15 +471,15 @@ importers:
 
   recipes/producthunt: {}
 
-  recipes/proton-mail: {}
+  recipes/proton-calendar: {}
 
-  recipes/protoncalendar: {}
+  recipes/proton-drive: {}
 
-  recipes/protondrive: {}
+  recipes/proton-mail: {}
 
   recipes/protonet: {}
 
-  recipes/pulsesms: {}
+  recipes/pulse-sms: {}
 
   recipes/pushbullet: {}
 
@@ -479,9 +491,9 @@ importers:
 
   recipes/reddit: {}
 
-  recipes/redditchat: {}
+  recipes/reddit-chat: {}
 
-  recipes/ringcentral: {}
+  recipes/ring-central: {}
 
   recipes/riseup: {}
 
@@ -503,6 +515,8 @@ importers:
 
   recipes/simplenote: {}
 
+  recipes/skiff-mail: {}
+
   recipes/skype: {}
 
   recipes/slack: {}
@@ -653,23 +667,28 @@ importers:
 
 packages:
 
-  /@babel/code-frame@7.16.7:
-    resolution: {integrity: sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==}
+  /@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /@babel/code-frame@7.22.5:
+    resolution: {integrity: sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/highlight': 7.17.12
+      '@babel/highlight': 7.22.5
     dev: true
 
-  /@babel/helper-validator-identifier@7.16.7:
-    resolution: {integrity: sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==}
+  /@babel/helper-validator-identifier@7.22.5:
+    resolution: {integrity: sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==}
     engines: {node: '>=6.9.0'}
     dev: true
 
-  /@babel/highlight@7.17.12:
-    resolution: {integrity: sha512-7yykMVF3hfZY2jsHZEEgLc+3x4o1O+fYyULu11GynEUQNwB6lua+IIQn1FiJxNucd5UlyJryrwsOh8PL9Sn8Qg==}
+  /@babel/highlight@7.22.5:
+    resolution: {integrity: sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.16.7
+      '@babel/helper-validator-identifier': 7.22.5
       chalk: 2.4.2
       js-tokens: 4.0.0
     dev: true
@@ -681,28 +700,28 @@ packages:
       regenerator-runtime: 0.13.11
     dev: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.39.0):
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.45.0):
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
     dependencies:
-      eslint: 8.39.0
+      eslint: 8.45.0
       eslint-visitor-keys: 3.4.1
     dev: true
 
-  /@eslint-community/regexpp@4.5.1:
-    resolution: {integrity: sha512-Z5ba73P98O1KUYCCJTUeVpja9RcGoMdncZ6T49FCUl2lN38JtCJ+3WgIDBv0AuY4WChU5PmtJmOCTlN6FZTFKQ==}
+  /@eslint-community/regexpp@4.6.1:
+    resolution: {integrity: sha512-O7x6dMstWLn2ktjcoiNLDkAGG2EjveHL+Vvc+n0fXumkJYAcSqcVYKtwDU+hDZ0uDUsnUagSYaZrOLAYE8un1A==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@eslint/eslintrc@2.0.3:
-    resolution: {integrity: sha512-+5gy6OQfk+xx3q0d6jGZZC3f3KzAkXc/IanVxd1is/VIIziRqqt3ongQz0FiTUXqTk0c7aDB3OaFuKnuSoJicQ==}
+  /@eslint/eslintrc@2.1.0:
+    resolution: {integrity: sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4
-      espree: 9.5.2
+      espree: 9.6.1
       globals: 13.20.0
       ignore: 5.2.4
       import-fresh: 3.3.0
@@ -713,13 +732,13 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/js@8.39.0:
-    resolution: {integrity: sha512-kf9RB0Fg7NZfap83B3QOqOGg9QmD9yBudqQXzzOtn3i4y7ZUXe5ONeW34Gwi+TxhH4mvj72R1Zc300KUMa9Bng==}
+  /@eslint/js@8.44.0:
+    resolution: {integrity: sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@humanwhocodes/config-array@0.11.8:
-    resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
+  /@humanwhocodes/config-array@0.11.10:
+    resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==}
     engines: {node: '>=10.10.0'}
     dependencies:
       '@humanwhocodes/object-schema': 1.2.1
@@ -798,16 +817,16 @@ packages:
       '@types/tar-fs': 2.0.1
     dev: true
 
-  /acorn-jsx@5.3.2(acorn@8.8.2):
+  /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      acorn: 8.8.2
+      acorn: 8.10.0
     dev: true
 
-  /acorn@8.8.2:
-    resolution: {integrity: sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==}
+  /acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
     engines: {node: '>=0.4.0'}
     hasBin: true
     dev: true
@@ -949,8 +968,9 @@ packages:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
     dev: true
 
-  /ci-info@3.3.2:
-    resolution: {integrity: sha512-xmDt/QIAdeZ9+nfdPsaBCpMvHNLFiLdjj59qjqn+6iPe6YmHGQ35sBnQ8uslRBXFmXkiZQOJRjvQeoGppoTjjg==}
+  /ci-info@3.8.0:
+    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==}
+    engines: {node: '>=8'}
     dev: true
 
   /clean-regexp@1.0.0:
@@ -1081,67 +1101,53 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /eslint-plugin-unicorn@42.0.0(eslint@8.39.0):
-    resolution: {integrity: sha512-ixBsbhgWuxVaNlPTT8AyfJMlhyC5flCJFjyK3oKE8TRrwBnaHvUbuIkCM1lqg8ryYrFStL/T557zfKzX4GKSlg==}
-    engines: {node: '>=12'}
+  /eslint-plugin-unicorn@48.0.0(eslint@8.45.0):
+    resolution: {integrity: sha512-8fk/v3p1ro34JSVDBEmtOq6EEQRpMR0iTir79q69KnXFZ6DJyPkT3RAi+ZoTqhQMdDSpGh8BGR68ne1sP5cnAA==}
+    engines: {node: '>=16'}
     peerDependencies:
-      eslint: '>=8.8.0'
+      eslint: '>=8.44.0'
     dependencies:
-      '@babel/helper-validator-identifier': 7.16.7
-      ci-info: 3.3.2
+      '@babel/helper-validator-identifier': 7.22.5
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.45.0)
+      ci-info: 3.8.0
       clean-regexp: 1.0.0
-      eslint: 8.39.0
-      eslint-utils: 3.0.0(eslint@8.39.0)
-      esquery: 1.4.0
+      eslint: 8.45.0
+      esquery: 1.5.0
       indent-string: 4.0.0
-      is-builtin-module: 3.1.0
+      is-builtin-module: 3.2.1
+      jsesc: 3.0.2
       lodash: 4.17.21
       pluralize: 8.0.0
       read-pkg-up: 7.0.1
-      regexp-tree: 0.1.24
-      safe-regex: 2.1.1
-      semver: 7.3.7
+      regexp-tree: 0.1.27
+      regjsparser: 0.10.0
+      semver: 7.5.4
       strip-indent: 3.0.0
     dev: true
 
-  /eslint-scope@7.2.0:
-    resolution: {integrity: sha512-DYj5deGlHBfMt15J7rdtyKNq/Nqlv5KfU4iodrQ019XESsRnwXH9KAE0y3cwtUHDo2ob7CypAnCqefh6vioWRw==}
+  /eslint-scope@7.2.1:
+    resolution: {integrity: sha512-CvefSOsDdaYYvxChovdrPo/ZGt8d5lrJWleAc1diXRKhHGiTYEI26cvo8Kle/wGnsizoCJjK73FMg1/IkIwiNA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       esrecurse: 4.3.0
       estraverse: 5.3.0
     dev: true
 
-  /eslint-utils@3.0.0(eslint@8.39.0):
-    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
-    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
-    peerDependencies:
-      eslint: '>=5'
-    dependencies:
-      eslint: 8.39.0
-      eslint-visitor-keys: 2.1.0
-    dev: true
-
-  /eslint-visitor-keys@2.1.0:
-    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
-    engines: {node: '>=10'}
-    dev: true
-
   /eslint-visitor-keys@3.4.1:
     resolution: {integrity: sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint@8.39.0:
-    resolution: {integrity: sha512-mwiok6cy7KTW7rBpo05k6+p4YVZByLNjAZ/ACB9DRCu4YDRwjXI01tWHp6KAUWelsBetTxKK/2sHB0vdS8Z2Og==}
+  /eslint@8.45.0:
+    resolution: {integrity: sha512-pd8KSxiQpdYRfYa9Wufvdoct3ZPQQuVuU5O6scNgMuOMYuxvH0IGaYK0wUFjo4UYYQQCUndlXiMbnxopwvvTiw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.39.0)
-      '@eslint-community/regexpp': 4.5.1
-      '@eslint/eslintrc': 2.0.3
-      '@eslint/js': 8.39.0
-      '@humanwhocodes/config-array': 0.11.8
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.45.0)
+      '@eslint-community/regexpp': 4.6.1
+      '@eslint/eslintrc': 2.1.0
+      '@eslint/js': 8.44.0
+      '@humanwhocodes/config-array': 0.11.10
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
       ajv: 6.12.6
@@ -1150,9 +1156,9 @@ packages:
       debug: 4.3.4
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.0
+      eslint-scope: 7.2.1
       eslint-visitor-keys: 3.4.1
-      espree: 9.5.2
+      espree: 9.6.1
       esquery: 1.5.0
       esutils: 2.0.3
       fast-deep-equal: 3.1.3
@@ -1160,43 +1166,33 @@ packages:
       find-up: 5.0.0
       glob-parent: 6.0.2
       globals: 13.20.0
-      grapheme-splitter: 1.0.4
+      graphemer: 1.4.0
       ignore: 5.2.4
-      import-fresh: 3.3.0
       imurmurhash: 0.1.4
       is-glob: 4.0.3
       is-path-inside: 3.0.3
-      js-sdsl: 4.4.0
       js-yaml: 4.1.0
       json-stable-stringify-without-jsonify: 1.0.1
       levn: 0.4.1
       lodash.merge: 4.6.2
       minimatch: 3.1.2
       natural-compare: 1.4.0
-      optionator: 0.9.1
+      optionator: 0.9.3
       strip-ansi: 6.0.1
-      strip-json-comments: 3.1.1
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /espree@9.5.2:
-    resolution: {integrity: sha512-7OASN1Wma5fum5SrNhFMAMJxOUAbhyfQ8dQ//PJaJbNw0URTPWqIghHWt1MmAANKhHZIYOHruW4Kw4ruUWOdGw==}
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
-      acorn: 8.8.2
-      acorn-jsx: 5.3.2(acorn@8.8.2)
+      acorn: 8.10.0
+      acorn-jsx: 5.3.2(acorn@8.10.0)
       eslint-visitor-keys: 3.4.1
     dev: true
 
-  /esquery@1.4.0:
-    resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==}
-    engines: {node: '>=0.10'}
-    dependencies:
-      estraverse: 5.3.0
-    dev: true
-
   /esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
@@ -1345,8 +1341,8 @@ packages:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
     dev: true
 
-  /grapheme-splitter@1.0.4:
-    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
     dev: true
 
   /has-flag@3.0.0:
@@ -1448,8 +1444,8 @@ packages:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
     dev: true
 
-  /is-builtin-module@3.1.0:
-    resolution: {integrity: sha512-OV7JjAgOTfAFJmHZLvpSTb4qi0nIILDV1gWPYDnDJUTNFM5aGlRAhk4QcT8i7TuAleeEV5Fdkqn3t4mS+Q11fg==}
+  /is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
     engines: {node: '>=6'}
     dependencies:
       builtin-modules: 3.3.0
@@ -1459,11 +1455,11 @@ packages:
     resolution: {integrity: sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==}
     hasBin: true
     dependencies:
-      ci-info: 3.3.2
+      ci-info: 3.8.0
     dev: true
 
-  /is-core-module@2.9.0:
-    resolution: {integrity: sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==}
+  /is-core-module@2.12.1:
+    resolution: {integrity: sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==}
     dependencies:
       has: 1.0.3
     dev: true
@@ -1511,10 +1507,6 @@ packages:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
-  /js-sdsl@4.4.0:
-    resolution: {integrity: sha512-FfVSdx6pJ41Oa+CF7RDaFmTnCaFhua+SNYQX74riGOpl96x+2jQCqEfQ2bnXu/5DPCqlRuiqyvTJM0Qjz26IVg==}
-    dev: true
-
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
     dev: true
@@ -1526,6 +1518,17 @@ packages:
       argparse: 2.0.1
     dev: true
 
+  /jsesc@0.5.0:
+    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
+    hasBin: true
+    dev: true
+
+  /jsesc@3.0.2:
+    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
   /json-fixer@1.6.15:
     resolution: {integrity: sha512-TuDuZ5KrgyjoCIppdPXBMqiGfota55+odM+j2cQ5rt/XKyKmqGB3Whz1F8SN8+60yYGy/Nu5lbRZ+rx8kBIvBw==}
     engines: {node: '>=10'}
@@ -1651,8 +1654,8 @@ packages:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
     dependencies:
       hosted-git-info: 2.8.9
-      resolve: 1.22.1
-      semver: 5.7.1
+      resolve: 1.22.2
+      semver: 5.7.2
       validate-npm-package-license: 3.0.4
     dev: true
 
@@ -1678,16 +1681,16 @@ packages:
       is-wsl: 2.2.0
     dev: true
 
-  /optionator@0.9.1:
-    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
+  /optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
     engines: {node: '>= 0.8.0'}
     dependencies:
+      '@aashutoshrathi/word-wrap': 1.2.6
       deep-is: 0.1.4
       fast-levenshtein: 2.0.6
       levn: 0.4.1
       prelude-ls: 1.2.1
       type-check: 0.4.0
-      word-wrap: 1.2.3
     dev: true
 
   /os-tmpdir@1.0.2:
@@ -1739,7 +1742,7 @@ packages:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
     dependencies:
-      '@babel/code-frame': 7.16.7
+      '@babel/code-frame': 7.22.5
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -1789,6 +1792,14 @@ packages:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
     hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /prettier@3.0.0:
+    resolution: {integrity: sha512-zBf5eHpwHOGPC47h0zrPyNn+eAEIdEzfywMoYn2XPi0P44Zp0tSq64rq0xAREh4auw2cJZHo9QUob+NqCQky4g==}
+    engines: {node: '>=14'}
+    hasBin: true
     dev: true
 
   /process-nextick-args@2.0.1:
@@ -1852,9 +1863,16 @@ packages:
     resolution: {integrity: sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==}
     dev: true
 
-  /regexp-tree@0.1.24:
-    resolution: {integrity: sha512-s2aEVuLhvnVJW6s/iPgEGK6R+/xngd2jNQ+xy4bXNDKxZKJH6jpPHY6kVeVv1IeLCHgswRj+Kl3ELaDjG6V1iw==}
+  /regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+    dev: true
+
+  /regjsparser@0.10.0:
+    resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
     hasBin: true
+    dependencies:
+      jsesc: 0.5.0
     dev: true
 
   /require-directory@2.1.1:
@@ -1871,11 +1889,11 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /resolve@1.22.1:
-    resolution: {integrity: sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==}
+  /resolve@1.22.2:
+    resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==}
     hasBin: true
     dependencies:
-      is-core-module: 2.9.0
+      is-core-module: 2.12.1
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
     dev: true
@@ -1926,23 +1944,17 @@ packages:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
     dev: true
 
-  /safe-regex@2.1.1:
-    resolution: {integrity: sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==}
-    dependencies:
-      regexp-tree: 0.1.24
-    dev: true
-
   /safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
     dev: true
 
-  /semver@5.7.1:
-    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
     dev: true
 
-  /semver@7.3.7:
-    resolution: {integrity: sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==}
+  /semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
     engines: {node: '>=10'}
     hasBin: true
     dependencies:
@@ -1979,11 +1991,11 @@ packages:
       - supports-color
     dev: true
 
-  /spdx-correct@3.1.1:
-    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
     dependencies:
       spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.11
+      spdx-license-ids: 3.0.13
     dev: true
 
   /spdx-exceptions@2.3.0:
@@ -1994,11 +2006,11 @@ packages:
     resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
     dependencies:
       spdx-exceptions: 2.3.0
-      spdx-license-ids: 3.0.11
+      spdx-license-ids: 3.0.13
     dev: true
 
-  /spdx-license-ids@3.0.11:
-    resolution: {integrity: sha512-Ctl2BrFiM0X3MANYgj3CkygxhRmr9mi6xhejbdO960nF6EDJApTYpn0BQnDKlnNBULKiCN1n3w9EBkHK8ZWg+g==}
+  /spdx-license-ids@3.0.13:
+    resolution: {integrity: sha512-XkD+zwiqXHikFZm4AX/7JSCXA98U5Db4AFd5XUg/+9UNtnH75+Z9KxtpYiJZx36mUDVOwH83pl7yvCer6ewM3w==}
     dev: true
 
   /string-width@4.2.3:
@@ -2077,7 +2089,7 @@ packages:
     dev: true
 
   /targz@1.0.1:
-    resolution: {integrity: sha1-j3alI2lM3t+7XWCkB2/27uzFOY8=}
+    resolution: {integrity: sha512-6q4tP9U55mZnRuMTBqnqc3nwYQY3kv+QthCFZuMk+Tn1qYUnMPmL/JZ/mzgXINzFpSqfU+242IFmFU9VPvqaQw==}
     dependencies:
       tar-fs: 1.16.3
     dev: true
@@ -2154,7 +2166,7 @@ packages:
   /validate-npm-package-license@3.0.4:
     resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
     dependencies:
-      spdx-correct: 3.1.1
+      spdx-correct: 3.2.0
       spdx-expression-parse: 3.0.1
     dev: true
 
@@ -2181,11 +2193,6 @@ packages:
       isexe: 2.0.0
     dev: true
 
-  /word-wrap@1.2.3:
-    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
diff --git a/recipes/BlueBubbles/README.md b/recipes/BlueBubbles/README.md
deleted file mode 100644
index 76c7ad8..0000000
--- a/recipes/BlueBubbles/README.md
+++ /dev/null
@@ -1,2 +0,0 @@
-# BlueBubbles for ferdium

-This is a ferdium recipe for BlueBubbles

diff --git a/recipes/BlueBubbles/package.json b/recipes/BlueBubbles/package.json
index 896abb3..3e86a16 100644
--- a/recipes/BlueBubbles/package.json
+++ b/recipes/BlueBubbles/package.json
@@ -1,9 +1,9 @@
-{

-  "id": "BlueBubbles",

-  "name": "BlueBubbles",

-  "version": "1.0.0",

-  "license": "MIT",

-  "config": {

-    "serviceURL": "https://bluebubbles.app/web/#/"

-  }

-}

+{
+  "id": "BlueBubbles",
+  "name": "BlueBubbles",
+  "version": "1.1.0",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://bluebubbles.app/web/#/"
+  }
+}
diff --git a/recipes/BlueBubbles/webview.js b/recipes/BlueBubbles/webview.js
index cf4423b..b09f171 100644
--- a/recipes/BlueBubbles/webview.js
+++ b/recipes/BlueBubbles/webview.js
@@ -1,16 +1,16 @@
-const _path = _interopRequireDefault(require('path'));

-

-function _interopRequireDefault(obj) {

-  return obj && obj.__esModule ? obj : { default: obj };

-}

-

-module.exports = Ferdium => {

-  // TODO: If your BlueBubbles service has unread messages, uncomment these lines to implement the logic for updating the badges

-  // const getMessages = () => {

-  //   // TODO: Insert your notification-finding code here

-  //   Ferdium.setBadge(0, 0);

-  // };

-  // Ferdium.loop(getMessages);

-

-  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));

-};

+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  // TODO: If your BlueBubbles service has unread messages, uncomment these lines to implement the logic for updating the badges
+  // const getMessages = () => {
+  //   // TODO: Insert your notification-finding code here
+  //   Ferdium.setBadge(0, 0);
+  // };
+  // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/NewsBlur/package.json b/recipes/NewsBlur/package.json
index 9370992..bb1cfae 100644
--- a/recipes/NewsBlur/package.json
+++ b/recipes/NewsBlur/package.json
@@ -1,7 +1,7 @@
 {
   "id": "NewsBlur",
   "name": "NewsBlur",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://newsblur.com",
diff --git a/recipes/NewsBlur/webview.js b/recipes/NewsBlur/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/NewsBlur/webview.js
+++ b/recipes/NewsBlur/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/OVHCloud/package.json b/recipes/OVHCloud/package.json
index 5c4851f..02594a6 100644
--- a/recipes/OVHCloud/package.json
+++ b/recipes/OVHCloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "OVHCloud",
   "name": "OVH Cloud",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.ovh.com/auth"
diff --git a/recipes/OVHCloud/webview.js b/recipes/OVHCloud/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/OVHCloud/webview.js
+++ b/recipes/OVHCloud/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/TickTick/package.json b/recipes/TickTick/package.json
index 3aa41a0..c1c4897 100644
--- a/recipes/TickTick/package.json
+++ b/recipes/TickTick/package.json
@@ -1,7 +1,7 @@
 {
   "id": "TickTick",
   "name": "TickTick",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.ticktick.com/#p/inbox/tasks"
diff --git a/recipes/TickTick/webview.js b/recipes/TickTick/webview.js
index d2c7ef5..35a8ff1 100644
--- a/recipes/TickTick/webview.js
+++ b/recipes/TickTick/webview.js
@@ -1,4 +1,10 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     // all overdue items are being counted
     const count = document.querySelectorAll('.duedate-overdue').length;
@@ -7,4 +13,6 @@ module.exports = (Ferdium) => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/air-droid/package.json b/recipes/air-droid/package.json
index a2780a9..15ff253 100644
--- a/recipes/air-droid/package.json
+++ b/recipes/air-droid/package.json
@@ -1,7 +1,7 @@
 {
   "id": "air-droid",
   "name": "AirDroid",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "http://web.airdroid.com/",
diff --git a/recipes/air-droid/webview.js b/recipes/air-droid/webview.js
index a2e350f..b78fd6f 100644
--- a/recipes/air-droid/webview.js
+++ b/recipes/air-droid/webview.js
@@ -1,4 +1,10 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const count = {};
     const data = document.querySelector('#FranzMessages').dataset;
@@ -8,7 +14,9 @@ module.exports = (Ferdium) => {
     }
 
     Ferdium.setBadge(count);
-  }
+  };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/airmessage/package.json b/recipes/airmessage/package.json
index 7d70e14..cc8fcfd 100644
--- a/recipes/airmessage/package.json
+++ b/recipes/airmessage/package.json
@@ -1,7 +1,7 @@
 {
   "id": "airmessage",
   "name": "AirMessage",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.airmessage.org/"
diff --git a/recipes/airmessage/webview.js b/recipes/airmessage/webview.js
index c951482..c492432 100644
--- a/recipes/airmessage/webview.js
+++ b/recipes/airmessage/webview.js
@@ -1,8 +1,16 @@
-module.exports = () => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   // TODO: If your AirMessage service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
   //   // TODO: Insert your notification-finding code here
   //   Ferdium.setBadge(0, 0);
   // };
   // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/airtable/package.json b/recipes/airtable/package.json
index 89a015e..66376a5 100644
--- a/recipes/airtable/package.json
+++ b/recipes/airtable/package.json
@@ -1,7 +1,7 @@
 {
   "id": "airtable",
   "name": "Airtable",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/transnat/recipe-airtable",
   "config": {
diff --git a/recipes/airtable/webview.js b/recipes/airtable/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/airtable/webview.js
+++ b/recipes/airtable/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/amazon-web-services/package.json b/recipes/amazon-web-services/package.json
index b23845e..239a53d 100644
--- a/recipes/amazon-web-services/package.json
+++ b/recipes/amazon-web-services/package.json
@@ -1,7 +1,7 @@
 {
   "id": "amazon-web-services",
   "name": "Amazon Web Services",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "aliases": [
     "aws"
diff --git a/recipes/amazon-web-services/webview.js b/recipes/amazon-web-services/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/amazon-web-services/webview.js
+++ b/recipes/amazon-web-services/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/amazon-work-mail/package.json b/recipes/amazon-work-mail/package.json
index 4540f22..6266574 100644
--- a/recipes/amazon-work-mail/package.json
+++ b/recipes/amazon-work-mail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "amazon-work-mail",
   "name": "Amazon WorkMail",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.awsapps.com/mail",
diff --git a/recipes/amazon-work-mail/webview.js b/recipes/amazon-work-mail/webview.js
index 36967fd..0eeb323 100644
--- a/recipes/amazon-work-mail/webview.js
+++ b/recipes/amazon-work-mail/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 const reload = EventType =>
   new Promise((resolve, reject) => {
     const btn = document.querySelectorAll('.giraffe-hierarchy-node-refresh')[0];
@@ -30,4 +36,6 @@ module.exports = Ferdium => {
       reload('click');
     }, 60_000);
   }
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/android-messages/package.json b/recipes/android-messages/package.json
index 6051311..61d8e6a 100644
--- a/recipes/android-messages/package.json
+++ b/recipes/android-messages/package.json
@@ -1,7 +1,7 @@
 {
   "id": "android-messages",
   "name": "Android Messages",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://messages.google.com/web",
diff --git a/recipes/android-messages/webview.js b/recipes/android-messages/webview.js
index 18d1c90..b2d5a11 100644
--- a/recipes/android-messages/webview.js
+++ b/recipes/android-messages/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 setTimeout(() => {
   const elem = document.querySelector('#af-error-container');
 
@@ -39,4 +45,6 @@ module.exports = (Ferdium, settings) => {
   } else {
     localStorage.setItem('dark_mode_enabled', 'false');
   }
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/anonaddy/package.json b/recipes/anonaddy/package.json
index 4ed88f2..f8f31e3 100644
--- a/recipes/anonaddy/package.json
+++ b/recipes/anonaddy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "anonaddy",
   "name": "AnonAddy",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.anonaddy.com/"
diff --git a/recipes/anonaddy/webview.js b/recipes/anonaddy/webview.js
index 46366f4..1119219 100644
--- a/recipes/anonaddy/webview.js
+++ b/recipes/anonaddy/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+};
diff --git a/recipes/anydo/package.json b/recipes/anydo/package.json
index 51a5646..e90adb0 100644
--- a/recipes/anydo/package.json
+++ b/recipes/anydo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "anydo",
   "name": "Any.do",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/chappy84/recipe-anydo",
   "config": {
diff --git a/recipes/anydo/webview.js b/recipes/anydo/webview.js
index 8d0f2ca..3f14c14 100644
--- a/recipes/anydo/webview.js
+++ b/recipes/anydo/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   function getTasks() {
     let incompleteCount = 0;
@@ -16,4 +22,6 @@ module.exports = Ferdium => {
   }
 
   Ferdium.loop(getTasks);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/asana/package.json b/recipes/asana/package.json
index ebe4ce6..70b42b5 100644
--- a/recipes/asana/package.json
+++ b/recipes/asana/package.json
@@ -1,7 +1,7 @@
 {
   "id": "asana",
   "name": "Asana",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.asana.com",
diff --git a/recipes/asana/webview.js b/recipes/asana/webview.js
index 8a34c24..b1938ad 100644
--- a/recipes/asana/webview.js
+++ b/recipes/asana/webview.js
@@ -1,10 +1,14 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
-    const hasNotification = document.querySelectorAll('.SidebarTopNavLinks-notificationsButton--hasNewNotifications');
+    const hasNotification = document.querySelectorAll(
+      '.SidebarTopNavLinks-notificationsButton--hasNewNotifications',
+    );
     Ferdium.setBadge(hasNotification.length > 0 ? 1 : 0);
   };
 
diff --git a/recipes/awork/package.json b/recipes/awork/package.json
index fb221cd..1893969 100644
--- a/recipes/awork/package.json
+++ b/recipes/awork/package.json
@@ -1,11 +1,11 @@
 {
   "id": "awork",
   "name": "Awork",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.awork.io",
     "hasTeamId": true,
     "urlInputSuffix": ".awork.io"
   }
-}
\ No newline at end of file
+}
diff --git a/recipes/awork/webview.js b/recipes/awork/webview.js
index 46366f4..1119219 100644
--- a/recipes/awork/webview.js
+++ b/recipes/awork/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+};
diff --git a/recipes/azure-devops/package.json b/recipes/azure-devops/package.json
index b316d64..662668c 100644
--- a/recipes/azure-devops/package.json
+++ b/recipes/azure-devops/package.json
@@ -1,7 +1,7 @@
 {
   "id": "azure-devops",
   "name": "Azure DevOps",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "aliases": [
     "azdo"
diff --git a/recipes/azure-devops/webview.js b/recipes/azure-devops/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/azure-devops/webview.js
+++ b/recipes/azure-devops/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/bard/package.json b/recipes/bard/package.json
index 250b49f..f10ebf4 100644
--- a/recipes/bard/package.json
+++ b/recipes/bard/package.json
@@ -1,7 +1,7 @@
 {
     "id": "bard",
     "name": "Bard",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "license": "MIT",
     "config": {
         "serviceURL": "https://bard.google.com/"
diff --git a/recipes/bard/webview.js b/recipes/bard/webview.js
index 56a20b6..1119219 100644
--- a/recipes/bard/webview.js
+++ b/recipes/bard/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/basecamp/package.json b/recipes/basecamp/package.json
index 391d338..80a33e1 100644
--- a/recipes/basecamp/package.json
+++ b/recipes/basecamp/package.json
@@ -1,7 +1,7 @@
 {
   "id": "basecamp",
   "name": "Basecamp",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://launchpad.37signals.com/"
diff --git a/recipes/basecamp/webview.js b/recipes/basecamp/webview.js
index 7d13751..2fe8f7b 100644
--- a/recipes/basecamp/webview.js
+++ b/recipes/basecamp/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 function show(element) {
   element.style.display = 'inherit';
 }
@@ -16,16 +16,16 @@ module.exports = Ferdium => {
   const modal = document.createElement('div');
 
   const waitFor = (condition, callback) => {
-    if (!condition()) {
-      window.setTimeout(waitFor.bind(null, condition, callback), 100);
-    } else {
+    if (condition()) {
       callback();
+    } else {
+      window.setTimeout(waitFor.bind(null, condition, callback), 100);
     }
   };
   function showModal(text) {
     show(modal);
 
-    let p = modal.querySelector('p');
+    const p = modal.querySelector('p');
 
     if (p) {
       p.textContent = text;
@@ -34,7 +34,7 @@ module.exports = Ferdium => {
 
   function hideModal() {
     hide(modal);
-    let p = modal.querySelector('p');
+    const p = modal.querySelector('p');
 
     if (p) {
       p.textContent = '';
@@ -52,7 +52,7 @@ module.exports = Ferdium => {
   modal.textContent =
     '<div class="modal-content"><span class="close">&times;</span><p></p></div>';
 
-  let close = modal.querySelector('.close');
+  const close = modal.querySelector('.close');
   if (close) {
     close.addEventListener('click', hideModal);
   }
diff --git a/recipes/bigbluebutton/package.json b/recipes/bigbluebutton/package.json
index 934bf3e..e14fb13 100644
--- a/recipes/bigbluebutton/package.json
+++ b/recipes/bigbluebutton/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bigbluebutton",
   "name": "BigBlueButton",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://bigbluebutton.mycompany.com/",
diff --git a/recipes/bigbluebutton/webview.js b/recipes/bigbluebutton/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/bigbluebutton/webview.js
+++ b/recipes/bigbluebutton/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/binance/package.json b/recipes/binance/package.json
index c289b4a..3e92f56 100644
--- a/recipes/binance/package.json
+++ b/recipes/binance/package.json
@@ -1,7 +1,7 @@
 {
   "id": "binance",
   "name": "Binance",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://accounts.binance.com"
diff --git a/recipes/binance/webview.js b/recipes/binance/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/binance/webview.js
+++ b/recipes/binance/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/bip/package.json b/recipes/bip/package.json
index 18d9f68..9c67a88 100644
--- a/recipes/bip/package.json
+++ b/recipes/bip/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bip",
   "name": "BiP",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.bip.com/",
diff --git a/recipes/bip/webview.js b/recipes/bip/webview.js
index 59c51f0..59c9b5b 100644
--- a/recipes/bip/webview.js
+++ b/recipes/bip/webview.js
@@ -1,6 +1,14 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const elements = document.querySelectorAll('.contact-list__message__unread-badge-counter');
+    const elements = document.querySelectorAll(
+      '.contact-list__message__unread-badge-counter',
+    );
     let count = 0;
     for (const element of elements) {
       count += Ferdium.safeParseInt(element.textContent);
@@ -9,4 +17,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/bitbucket/package.json b/recipes/bitbucket/package.json
index aeb0197..fec9034 100644
--- a/recipes/bitbucket/package.json
+++ b/recipes/bitbucket/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bitbucket",
   "name": "BitBucket",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://bitbucket.org/dashboard/overview",
diff --git a/recipes/bitbucket/webview.js b/recipes/bitbucket/webview.js
index 46366f4..1119219 100644
--- a/recipes/bitbucket/webview.js
+++ b/recipes/bitbucket/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+};
diff --git a/recipes/bitwarden/package.json b/recipes/bitwarden/package.json
index e27308b..7222333 100644
--- a/recipes/bitwarden/package.json
+++ b/recipes/bitwarden/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bitwarden",
   "name": "Bitwarden",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://vault.bitwarden.com/",
diff --git a/recipes/bitwarden/webview.js b/recipes/bitwarden/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/bitwarden/webview.js
+++ b/recipes/bitwarden/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/bluesky/package.json b/recipes/bluesky/package.json
index 8e045a4..dc10dc5 100644
--- a/recipes/bluesky/package.json
+++ b/recipes/bluesky/package.json
@@ -1,7 +1,7 @@
 {
     "id": "bluesky",
     "name": "Bluesky",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "license": "MIT",
     "config": {
       "serviceURL": "https://staging.bsky.app/"
diff --git a/recipes/bluesky/webview.js b/recipes/bluesky/webview.js
index 56a20b6..1119219 100644
--- a/recipes/bluesky/webview.js
+++ b/recipes/bluesky/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/box/package.json b/recipes/box/package.json
index 9dd493f..44ce900 100644
--- a/recipes/box/package.json
+++ b/recipes/box/package.json
@@ -1,7 +1,7 @@
 {
   "id": "box",
   "name": "Box",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://account.box.com/login"
diff --git a/recipes/box/webview.js b/recipes/box/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/box/webview.js
+++ b/recipes/box/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/brax.me/package.json b/recipes/brax.me/package.json
index ca123a1..919f3c3 100644
--- a/recipes/brax.me/package.json
+++ b/recipes/brax.me/package.json
@@ -1,7 +1,7 @@
 {
   "id": "brax.me",
   "name": "Brax.Me",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": "https://github.com/hafiz-muhammad/ferdium-recipes",
   "config": {
diff --git a/recipes/brax.me/webview.js b/recipes/brax.me/webview.js
index b83ea5f..6377504 100644
--- a/recipes/brax.me/webview.js
+++ b/recipes/brax.me/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your Brax.Me service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/bring/package.json b/recipes/bring/package.json
index dc424a6..a33a306 100644
--- a/recipes/bring/package.json
+++ b/recipes/bring/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bring",
   "name": "Bring!",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.getbring.com"
diff --git a/recipes/bring/webview.js b/recipes/bring/webview.js
index 52e1cef..545d98b 100644
--- a/recipes/bring/webview.js
+++ b/recipes/bring/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your Bring service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/buffer/package.json b/recipes/buffer/package.json
index 6ca5d61..f0ecca5 100644
--- a/recipes/buffer/package.json
+++ b/recipes/buffer/package.json
@@ -1,7 +1,7 @@
 {
   "id": "buffer",
   "name": "Buffer",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "GPL",
   "config": {
     "serviceURL": "https://buffer.com",
diff --git a/recipes/buffer/webview.js b/recipes/buffer/webview.js
index de6c7f2..ffdbcf2 100644
--- a/recipes/buffer/webview.js
+++ b/recipes/buffer/webview.js
@@ -1,7 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'css', 'franz.css'));
 };
diff --git a/recipes/bugzilla/package.json b/recipes/bugzilla/package.json
index b1f7412..792d589 100644
--- a/recipes/bugzilla/package.json
+++ b/recipes/bugzilla/package.json
@@ -1,7 +1,7 @@
 {
   "id": "bugzilla",
   "name": "Bugzilla",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "aliases": [],
   "config": {
diff --git a/recipes/bugzilla/webview.js b/recipes/bugzilla/webview.js
index dd41f72..ffdbcf2 100644
--- a/recipes/bugzilla/webview.js
+++ b/recipes/bugzilla/webview.js
@@ -1 +1,9 @@
-module.exports = Ferdium => Ferdium;
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  Ferdium.injectCSS(_path.default.join(__dirname, 'css', 'franz.css'));
+};
diff --git a/recipes/campuswire/package.json b/recipes/campuswire/package.json
index e71eaeb..65853b9 100644
--- a/recipes/campuswire/package.json
+++ b/recipes/campuswire/package.json
@@ -1,7 +1,7 @@
 {
   "id": "campuswire",
   "name": "Campuswire",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://campuswire.com/c",
diff --git a/recipes/campuswire/webview.js b/recipes/campuswire/webview.js
index d77d162..f3a7e67 100644
--- a/recipes/campuswire/webview.js
+++ b/recipes/campuswire/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = document.querySelectorAll(
@@ -38,4 +44,6 @@ module.exports = Ferdium => {
       return notification;
     });
   }
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'css', 'franz.css'));
 };
diff --git a/recipes/canvas/package.json b/recipes/canvas/package.json
index a79ae39..72a7001 100644
--- a/recipes/canvas/package.json
+++ b/recipes/canvas/package.json
@@ -1,7 +1,7 @@
 {
   "id": "canvas",
   "name": "Canvas",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.instructure.com/",
diff --git a/recipes/canvas/webview.js b/recipes/canvas/webview.js
index 5294f66..6e35c04 100644
--- a/recipes/canvas/webview.js
+++ b/recipes/canvas/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let direct = 0;
@@ -13,4 +19,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/chatgpt/index.js b/recipes/chatgpt/index.js
index 80eaf51..1392dcb 100644
--- a/recipes/chatgpt/index.js
+++ b/recipes/chatgpt/index.js
@@ -1,18 +1,23 @@
-module.exports = (Ferdium) => class Messenger extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
+module.exports = Ferdium =>
+  class Messenger extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
 
-  modifyRequestHeaders() {
-    return [
-      {
-        headers: {
-          'user-agent': window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim(),
+    modifyRequestHeaders() {
+      return [
+        {
+          headers: {
+            'user-agent': window.navigator.userAgent
+              .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+              .trim(),
+          },
+          requestFilters: {
+            urls: ['*://*/*'],
+          },
         },
-        requestFilters: {
-          urls: ['*://*/*'],
-        },
-      },
-    ];
-  }
-};
+      ];
+    }
+  };
diff --git a/recipes/chatgpt/package.json b/recipes/chatgpt/package.json
index f5dbfbc..b6f87cc 100644
--- a/recipes/chatgpt/package.json
+++ b/recipes/chatgpt/package.json
@@ -1,7 +1,7 @@
 {
   "id": "chatgpt",
   "name": "ChatGPT",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://chat.openai.com/chat"
diff --git a/recipes/chatgpt/webview.js b/recipes/chatgpt/webview.js
index 2ebc1f3..a471ad3 100644
--- a/recipes/chatgpt/webview.js
+++ b/recipes/chatgpt/webview.js
@@ -1,5 +1,13 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.handleDarkMode(isEnabled => {
-    localStorage.setItem('theme', isEnabled ? 'dark' : 'light' );
+    localStorage.setItem('theme', isEnabled ? 'dark' : 'light');
   });
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/chatra/package.json b/recipes/chatra/package.json
index 22fa8c0..732b00e 100644
--- a/recipes/chatra/package.json
+++ b/recipes/chatra/package.json
@@ -1,7 +1,7 @@
 {
   "id": "chatra",
   "name": "Chatra",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.chatra.io/",
diff --git a/recipes/chatra/webview.js b/recipes/chatra/webview.js
index c1e6b7f..be4822f 100644
--- a/recipes/chatra/webview.js
+++ b/recipes/chatra/webview.js
@@ -1,10 +1,22 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     // get new conversations in My Queue
-    const myQueue = $('.super-nav a.super-nav__item.js-from-super-to-nav[href^="/chat/box:my"] .count').not('.count--gray').text();
+    const myQueue = $(
+      '.super-nav a.super-nav__item.js-from-super-to-nav[href^="/chat/box:my"] .count',
+    )
+      .not('.count--gray')
+      .text();
 
     // get all missed conversations
-    const missed = $('.super-nav a.super-nav__item.js-from-super-to-nav[href^="/chat/box:missed"] .count').text();
+    const missed = $(
+      '.super-nav a.super-nav__item.js-from-super-to-nav[href^="/chat/box:missed"] .count',
+    ).text();
 
     // set Ferdium badge
     // myQueue => New conversations in My Queue
@@ -13,4 +25,6 @@ module.exports = (Ferdium) => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/chatwithgpt/package.json b/recipes/chatwithgpt/package.json
index 42748dc..98207d5 100644
--- a/recipes/chatwithgpt/package.json
+++ b/recipes/chatwithgpt/package.json
@@ -1,7 +1,7 @@
 {
   "id": "chatwithgpt",
   "name": "Chat with GPT",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.chatwithgpt.ai/"
diff --git a/recipes/chatwithgpt/webview.js b/recipes/chatwithgpt/webview.js
index 56a20b6..1119219 100644
--- a/recipes/chatwithgpt/webview.js
+++ b/recipes/chatwithgpt/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/chatwoot/index.js b/recipes/chatwoot/index.js
index 244fe33..dd41f72 100644
--- a/recipes/chatwoot/index.js
+++ b/recipes/chatwoot/index.js
@@ -1 +1 @@
-module.exports = (Ferdium) => Ferdium;
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/chatwoot/package.json b/recipes/chatwoot/package.json
index c3c1a79..7a4af8d 100644
--- a/recipes/chatwoot/package.json
+++ b/recipes/chatwoot/package.json
@@ -1,7 +1,7 @@
 {
     "id": "chatwoot",
     "name": "Chatwoot",
-    "version": "1.1.0",
+    "version": "1.2.0",
     "license": "MIT",
     "repository": "https://github.com/maximeMD/ferdi-chatwoot",
     "config": {
diff --git a/recipes/chatwoot/webview.js b/recipes/chatwoot/webview.js
index d61b87f..83b9ea7 100644
--- a/recipes/chatwoot/webview.js
+++ b/recipes/chatwoot/webview.js
@@ -1,6 +1,12 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = function getMessages() {
-    const unreadBadges = document.querySelectorAll("span.unread");
+    const unreadBadges = document.querySelectorAll('span.unread');
     const unreadBadgesArray = [...unreadBadges];
     const unreadMessagesCount = unreadBadgesArray.reduce(
       (previousValue, currentBadge) =>
@@ -11,4 +17,6 @@ module.exports = (Ferdium) => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/chatwork/package.json b/recipes/chatwork/package.json
index 6dd5b0d..7e7fceb 100644
--- a/recipes/chatwork/package.json
+++ b/recipes/chatwork/package.json
@@ -1,7 +1,7 @@
 {
   "id": "chatwork",
   "name": "Chatwork",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/hideosasaki/recipe-chatwork",
   "config": {
diff --git a/recipes/chatwork/webview.js b/recipes/chatwork/webview.js
index 6b961ed..f1b5f0d 100644
--- a/recipes/chatwork/webview.js
+++ b/recipes/chatwork/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directCount = 0;
@@ -16,18 +22,16 @@ module.exports = Ferdium => {
 
       if (count > 0) {
         if (
-          !room
+          room
             .querySelector('img.sc-gqjmRU')
             .getAttribute('src')
             .includes('avatar')
         ) {
-          if (unreadBadgeHasMention) {
-            directCount++;
-          } else {
-            indirectCount++;
-          }
+          directCount += 1;
+        } else if (unreadBadgeHasMention) {
+          directCount += 1;
         } else {
-          directCount++;
+          indirectCount += 1;
         }
       }
     });
@@ -35,4 +39,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/cinny/package.json b/recipes/cinny/package.json
index 511d1f2..f42d794 100644
--- a/recipes/cinny/package.json
+++ b/recipes/cinny/package.json
@@ -1,7 +1,7 @@
 {
   "id": "cinny",
   "name": "Cinny",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "aliases": [
     "Matrix"
diff --git a/recipes/cinny/webview.js b/recipes/cinny/webview.js
index f4fd306..c17cc79 100644
--- a/recipes/cinny/webview.js
+++ b/recipes/cinny/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   function getMessages() {
     // Number of messages from rooms which has "All Messages" notifications enabled or when mentionned in a room with "Mentions & Keyword" notifications level.
@@ -9,7 +15,7 @@ module.exports = Ferdium => {
     const badges = document.querySelectorAll('.sidebar .notification-badge');
     for (const badge of badges) {
       if (badge.childNodes.length === 0) {
-        indirectCount++;
+        indirectCount += 1;
       } else {
         directCount += Ferdium.safeParseInt(badge.childNodes[0].textContent);
       }
@@ -19,4 +25,6 @@ module.exports = Ferdium => {
     Ferdium.setBadge(directCount, indirectCount);
   }
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/circuit/package.json b/recipes/circuit/package.json
index 9f14709..bd986e8 100644
--- a/recipes/circuit/package.json
+++ b/recipes/circuit/package.json
@@ -1,7 +1,7 @@
 {
   "id": "circuit",
   "name": "Circuit",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://eu.yourcircuit.com/"
diff --git a/recipes/circuit/webview.js b/recipes/circuit/webview.js
index 62c35fa..43c73fd 100644
--- a/recipes/circuit/webview.js
+++ b/recipes/circuit/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // Get value of <title> tag where in case of new messages the number of messages appear
@@ -6,7 +12,7 @@ module.exports = Ferdium => {
       const titleValue = title.text;
       // Extract the number from the tag
       const match = titleValue.match(/\d+/);
-      const unread = match != null && match.length > 0 ? match[0] : 0;
+      const unread = match !== null && match.length > 0 ? match[0] : 0;
 
       // Set unread msgs badge
       Ferdium.setBadge(Ferdium.safeParseInt(unread));
@@ -14,4 +20,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/ciscospark/package.json b/recipes/ciscospark/package.json
index 8e7b16b..64e0b9d 100644
--- a/recipes/ciscospark/package.json
+++ b/recipes/ciscospark/package.json
@@ -1,7 +1,7 @@
 {
   "id": "ciscospark",
   "name": "Cisco Spark",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.ciscospark.com",
diff --git a/recipes/ciscospark/webview.js b/recipes/ciscospark/webview.js
index 4af8a2d..560bee8 100644
--- a/recipes/ciscospark/webview.js
+++ b/recipes/ciscospark/webview.js
@@ -1,6 +1,8 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const UNREAD_BADGE_SELECTOR = '.navigation-item--badgeCount';
@@ -9,12 +11,24 @@ module.exports = Ferdium => {
     let directCount = 0;
     let indirectCount = 0;
 
-    const elements = document.querySelectorAll('.navigation-bar-list .listItemWrapper');
-    if (elements.length > 0 && elements[1].querySelector(UNREAD_BADGE_SELECTOR)) {
-      directCount = Ferdium.safeParseInt(elements[1].querySelector(UNREAD_BADGE_SELECTOR).textContent);
+    const elements = document.querySelectorAll(
+      '.navigation-bar-list .listItemWrapper',
+    );
+    if (
+      elements.length > 0 &&
+      elements[1].querySelector(UNREAD_BADGE_SELECTOR)
+    ) {
+      directCount = Ferdium.safeParseInt(
+        elements[1].querySelector(UNREAD_BADGE_SELECTOR).textContent,
+      );
     }
-    if (elements.length > 1 && elements[2].querySelector(UNREAD_BADGE_SELECTOR)) {
-      indirectCount = Ferdium.safeParseInt(elements[2].querySelector(UNREAD_BADGE_SELECTOR).textContent);
+    if (
+      elements.length > 1 &&
+      elements[2].querySelector(UNREAD_BADGE_SELECTOR)
+    ) {
+      indirectCount = Ferdium.safeParseInt(
+        elements[2].querySelector(UNREAD_BADGE_SELECTOR).textContent,
+      );
     }
 
     Ferdium.setBadge(directCount, indirectCount);
diff --git a/recipes/citrix-workspace/package.json b/recipes/citrix-workspace/package.json
index b7f8619..db8d437 100644
--- a/recipes/citrix-workspace/package.json
+++ b/recipes/citrix-workspace/package.json
@@ -1,7 +1,7 @@
 {
   "id": "citrix-workspace",
   "name": "Citrix Workspace",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.cloud.com",
diff --git a/recipes/citrix-workspace/webview.js b/recipes/citrix-workspace/webview.js
index 56a20b6..1119219 100644
--- a/recipes/citrix-workspace/webview.js
+++ b/recipes/citrix-workspace/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/clickup/package.json b/recipes/clickup/package.json
index c55dc7b..db07055 100644
--- a/recipes/clickup/package.json
+++ b/recipes/clickup/package.json
@@ -1,7 +1,7 @@
 {
   "id": "clickup",
   "name": "ClickUp",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.clickup.com",
diff --git a/recipes/clickup/webview.js b/recipes/clickup/webview.js
index 55ece28..2cc448e 100644
--- a/recipes/clickup/webview.js
+++ b/recipes/clickup/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const unread = document.querySelector('.cu-notification-alert__dot');
@@ -5,4 +11,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/cliq/package.json b/recipes/cliq/package.json
index 56b2b6e..61e2725 100644
--- a/recipes/cliq/package.json
+++ b/recipes/cliq/package.json
@@ -1,7 +1,7 @@
 {
   "id": "cliq",
   "name": "Cliq",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "repository": "https://github.com/cliqgeek/recipe-cliq",
   "config": {
     "serviceURL": "https://www.zoho.com/cliq/login.html",
diff --git a/recipes/cliq/webview.js b/recipes/cliq/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/cliq/webview.js
+++ b/recipes/cliq/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/clockify/package.json b/recipes/clockify/package.json
index d02c3aa..0eb1cf7 100644
--- a/recipes/clockify/package.json
+++ b/recipes/clockify/package.json
@@ -1,7 +1,7 @@
 {
   "id": "clockify",
   "name": "Clockify",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://clockify.me/tracker",
diff --git a/recipes/clockify/webview.js b/recipes/clockify/webview.js
index 6908949..de8719e 100644
--- a/recipes/clockify/webview.js
+++ b/recipes/clockify/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const notifications = document.querySelectorAll('.notification--number');
@@ -5,4 +11,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/clockwise/package.json b/recipes/clockwise/package.json
index 859b0fa..352c192 100644
--- a/recipes/clockwise/package.json
+++ b/recipes/clockwise/package.json
@@ -1,7 +1,7 @@
 {
   "id": "clockwise",
   "name": "Clockwise",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/TheKevJames/franz-recipe-clockwise",
   "config": {
diff --git a/recipes/clockwise/webview.js b/recipes/clockwise/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/clockwise/webview.js
+++ b/recipes/clockwise/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/clubhouse/package.json b/recipes/clubhouse/package.json
index 5c40bf7..b7260e5 100644
--- a/recipes/clubhouse/package.json
+++ b/recipes/clubhouse/package.json
@@ -1,7 +1,7 @@
 {
   "id": "clubhouse",
   "name": "Clubhouse",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/dnlnrs/ferdi-recipe-clubhouse",
   "config": {
diff --git a/recipes/clubhouse/webview.js b/recipes/clubhouse/webview.js
index bcb0281..d75dc37 100644
--- a/recipes/clubhouse/webview.js
+++ b/recipes/clubhouse/webview.js
@@ -1,8 +1,18 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    const hasNotifications = document.querySelector('#notifications-link .badge').classList.contains('visible');
+    const hasNotifications = document
+      .querySelector('#notifications-link .badge')
+      .classList.contains('visible');
     Ferdium.setBadge(0, hasNotifications ? 1 : 0);
-  }
+  };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/coinbase/package.json b/recipes/coinbase/package.json
index 12ef269..e188dee 100644
--- a/recipes/coinbase/package.json
+++ b/recipes/coinbase/package.json
@@ -1,7 +1,7 @@
 {
   "id": "coinbase",
   "name": "Coinbase",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/gaspergrom/Franz-services",
   "config": {
diff --git a/recipes/coinbase/webview.js b/recipes/coinbase/webview.js
index be6157e..1119219 100644
--- a/recipes/coinbase/webview.js
+++ b/recipes/coinbase/webview.js
@@ -1,7 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/confluence/package.json b/recipes/confluence/package.json
index 4d2c8cf..8996280 100644
--- a/recipes/confluence/package.json
+++ b/recipes/confluence/package.json
@@ -1,7 +1,7 @@
 {
   "id": "confluence",
   "name": "Confluence",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true
diff --git a/recipes/confluence/webview.js b/recipes/confluence/webview.js
index e5d319c..04da834 100644
--- a/recipes/confluence/webview.js
+++ b/recipes/confluence/webview.js
@@ -1,8 +1,20 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const unreadMessageCountElement = document.querySelector('#notifications-anchor .badge');
-    const unreadMessagesCount = Ferdium.safeParseInt(unreadMessageCountElement.textContent);
+    const unreadMessageCountElement = document.querySelector(
+      '#notifications-anchor .badge',
+    );
+    const unreadMessagesCount = Ferdium.safeParseInt(
+      unreadMessageCountElement.textContent,
+    );
     Ferdium.setBadge(unreadMessagesCount, 0);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/crowdin/package.json b/recipes/crowdin/package.json
index c3437d6..6ccb492 100644
--- a/recipes/crowdin/package.json
+++ b/recipes/crowdin/package.json
@@ -1,7 +1,7 @@
 {
   "id": "crowdin",
   "name": "Crowdin",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://crowdin.com/profile"
diff --git a/recipes/crowdin/webview.js b/recipes/crowdin/webview.js
index 56a20b6..1119219 100644
--- a/recipes/crowdin/webview.js
+++ b/recipes/crowdin/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/deepl/package.json b/recipes/deepl/package.json
index 329e61a..b10a603 100644
--- a/recipes/deepl/package.json
+++ b/recipes/deepl/package.json
@@ -1,7 +1,7 @@
 {
   "id": "deepl",
   "name": "DeepL",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.deepl.com/translator"
diff --git a/recipes/deepl/webview.js b/recipes/deepl/webview.js
index 56a20b6..1119219 100644
--- a/recipes/deepl/webview.js
+++ b/recipes/deepl/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/dev-community/package.json b/recipes/dev-community/package.json
index 0dd7e7f..c3640b7 100644
--- a/recipes/dev-community/package.json
+++ b/recipes/dev-community/package.json
@@ -1,7 +1,7 @@
 {
   "id": "dev-community",
   "name": "Dev Community",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://dev.to"
diff --git a/recipes/dev-community/webview.js b/recipes/dev-community/webview.js
index 56a20b6..1119219 100644
--- a/recipes/dev-community/webview.js
+++ b/recipes/dev-community/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/devRant/package.json b/recipes/devRant/package.json
index edb0c40..e1b65ff 100644
--- a/recipes/devRant/package.json
+++ b/recipes/devRant/package.json
@@ -1,7 +1,7 @@
 {
   "id": "devRant",
   "name": "devRant",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/emamut/recipe-devrant",
   "config": {
diff --git a/recipes/devRant/webview.js b/recipes/devRant/webview.js
index efe0d71..1a5cbb8 100644
--- a/recipes/devRant/webview.js
+++ b/recipes/devRant/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 setTimeout(() => {
   const elem = document.querySelector('.landing-title.version-title');
   if (
@@ -45,5 +45,6 @@ module.exports = (Ferdium, settings) => {
   });
 
   Ferdium.loop(getMessages);
+
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/devdocs/package.json b/recipes/devdocs/package.json
index ab3a25b..df85cb0 100644
--- a/recipes/devdocs/package.json
+++ b/recipes/devdocs/package.json
@@ -1,7 +1,7 @@
 {
   "id": "devdocs",
   "name": "DevDocs",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://devdocs.io"
diff --git a/recipes/devdocs/webview.js b/recipes/devdocs/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/devdocs/webview.js
+++ b/recipes/devdocs/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/dialpad/package.json b/recipes/dialpad/package.json
index 18f8561..b72f1b5 100644
--- a/recipes/dialpad/package.json
+++ b/recipes/dialpad/package.json
@@ -1,7 +1,7 @@
 {
   "id": "dialpad",
   "name": "Dialpad",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/TheKevJames/franz-recipe-dialpad",
   "config": {
diff --git a/recipes/dialpad/webview.js b/recipes/dialpad/webview.js
index 75b53d6..2a03cde 100644
--- a/recipes/dialpad/webview.js
+++ b/recipes/dialpad/webview.js
@@ -1,14 +1,22 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   const getMessages = () => {
-    var unreadCount = 0;
-    $.each($('[data-qa-has-unreads]'), (idx, item) => unreadCount += Ferdium.safeParseInt(item.attributes["data-qa-has-unreads"].value));
+    let unreadCount = 0;
+    $.each(
+      $('[data-qa-has-unreads]'),
+      (idx, item) =>
+        (unreadCount += Ferdium.safeParseInt(
+          item.attributes['data-qa-has-unreads'].value,
+        )),
+    );
 
     Ferdium.setBadge(unreadCount);
-  }
+  };
 
   Ferdium.loop(getMessages);
 
diff --git a/recipes/dingtalk/package.json b/recipes/dingtalk/package.json
index 9657e25..2e3b455 100644
--- a/recipes/dingtalk/package.json
+++ b/recipes/dingtalk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "dingtalk",
   "name": "Dingtalk",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://im.dingtalk.com/",
diff --git a/recipes/dingtalk/webview.js b/recipes/dingtalk/webview.js
index 621285c..b18cc59 100644
--- a/recipes/dingtalk/webview.js
+++ b/recipes/dingtalk/webview.js
@@ -1,22 +1,22 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   let checkIsRun = false;
   const checkHeightAction = () => {
     checkIsRun = true;
-    let checkHeight = setInterval(() => {
-      let menuPanel = document.querySelector('#menu-pannel');
+    const checkHeight = setInterval(() => {
+      const menuPanel = document.querySelector('#menu-pannel');
       if (!menuPanel) {
         return;
       }
       if (menuPanel.parentElement) {
         menuPanel.parentElement.setAttribute(
           'style',
-          'height:' + (window.outerHeight - 60) + 'px',
+          `height:${window.outerHeight - 60}px`,
         );
       }
       clearInterval(checkHeight);
diff --git a/recipes/discord/index.js b/recipes/discord/index.js
index cd65352..e47dd76 100644
--- a/recipes/discord/index.js
+++ b/recipes/discord/index.js
@@ -1,8 +1,10 @@
-module.exports = Ferdium => class Discord extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace('(KHTML, like Gecko)', '(KHTML, like Gecko) discord/0.0.250')
-      .replace('Electron', 'Discord')
-      .replace('Ferdium', 'Discord')
-      .replace('Apple Mac OS X', 'Intel Mac OS X');
-  }
-};
+module.exports = Ferdium =>
+  class Discord extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replace('(KHTML, like Gecko)', '(KHTML, like Gecko) discord/0.0.250')
+        .replace('Electron', 'Discord')
+        .replace('Ferdium', 'Discord')
+        .replace('Apple Mac OS X', 'Intel Mac OS X');
+    }
+  };
diff --git a/recipes/discord/package.json b/recipes/discord/package.json
index 59cf22a..aed5e15 100644
--- a/recipes/discord/package.json
+++ b/recipes/discord/package.json
@@ -1,7 +1,7 @@
 {
   "id": "discord",
   "name": "Discord",
-  "version": "1.7.10",
+  "version": "1.8.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://discord.com/login",
diff --git a/recipes/discord/webview.js b/recipes/discord/webview.js
index c0c764d..ef56336 100644
--- a/recipes/discord/webview.js
+++ b/recipes/discord/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = (Ferdium, settings) => {
   const getMessages = () => {
     let directCount = 0;
@@ -27,30 +27,39 @@ module.exports = (Ferdium, settings) => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 
   // TODO: See how this can be moved into the main ferdium app and sent as an ipc message for opening with a new window or same Ferdium recipe's webview based on user's preferences
-  document.addEventListener('click', event => {
-    const link = event.target.closest('a[href^="http"]');
-    const button = event.target.closest('button[title^="http"]');
-
-    if (link || button) {
-      const url = link ? link.getAttribute('href') : button.getAttribute('title');
-      const skipDomains = [/^https:\/\/discordapp\.com\/channels\//i, /^https:\/\/discord\.com\/channels\//i];
-
-      let stayInsideDiscord;
-      skipDomains.every(skipDomain => {
-        stayInsideDiscord = skipDomain.test(url);
-        return !stayInsideDiscord;
-      });
-
-      if (!Ferdium.isImage(link) && !stayInsideDiscord) {
-        event.preventDefault();
-        event.stopPropagation();
-
-        if (settings.trapLinkClicks === true) {
-          window.location.href = url;
-        } else {
-          Ferdium.openNewWindow(url);
+  document.addEventListener(
+    'click',
+    event => {
+      const link = event.target.closest('a[href^="http"]');
+      const button = event.target.closest('button[title^="http"]');
+
+      if (link || button) {
+        const url = link
+          ? link.getAttribute('href')
+          : button.getAttribute('title');
+        const skipDomains = [
+          /^https:\/\/discordapp\.com\/channels\//i,
+          /^https:\/\/discord\.com\/channels\//i,
+        ];
+
+        let stayInsideDiscord;
+        skipDomains.every(skipDomain => {
+          stayInsideDiscord = skipDomain.test(url);
+          return !stayInsideDiscord;
+        });
+
+        if (!Ferdium.isImage(link) && !stayInsideDiscord) {
+          event.preventDefault();
+          event.stopPropagation();
+
+          if (settings.trapLinkClicks === true) {
+            window.location.href = url;
+          } else {
+            Ferdium.openNewWindow(url);
+          }
         }
       }
-    }
-  }, true);
+    },
+    true,
+  );
 };
diff --git a/recipes/discourse/package.json b/recipes/discourse/package.json
index 2b33d15..ca87773 100644
--- a/recipes/discourse/package.json
+++ b/recipes/discourse/package.json
@@ -1,7 +1,7 @@
 {
   "id": "discourse",
   "name": "Discourse",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "aliases": [],
   "config": {
diff --git a/recipes/discourse/webview.js b/recipes/discourse/webview.js
index dd41f72..1119219 100644
--- a/recipes/discourse/webview.js
+++ b/recipes/discourse/webview.js
@@ -1 +1,9 @@
-module.exports = Ferdium => Ferdium;
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/disqus/package.json b/recipes/disqus/package.json
index 6ac125a..9d19d39 100644
--- a/recipes/disqus/package.json
+++ b/recipes/disqus/package.json
@@ -1,7 +1,7 @@
 {
   "id": "disqus",
   "name": "Disqus",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://disqus.com/home/"
diff --git a/recipes/disqus/webview.js b/recipes/disqus/webview.js
index 2de4b43..ce8d79e 100644
--- a/recipes/disqus/webview.js
+++ b/recipes/disqus/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getInnerInt = selector => {
     const element = document.querySelector(selector);
@@ -14,4 +20,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/dockerhub/package.json b/recipes/dockerhub/package.json
index 58aaf06..a0ae429 100644
--- a/recipes/dockerhub/package.json
+++ b/recipes/dockerhub/package.json
@@ -1,7 +1,7 @@
 {
   "id": "dockerhub",
   "name": "Docker Hub",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://hub.docker.com"
diff --git a/recipes/dockerhub/webview.js b/recipes/dockerhub/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/dockerhub/webview.js
+++ b/recipes/dockerhub/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/dropbox/package.json b/recipes/dropbox/package.json
index 26d54f4..1fbb2e8 100644
--- a/recipes/dropbox/package.json
+++ b/recipes/dropbox/package.json
@@ -1,7 +1,7 @@
 {
   "id": "dropbox",
   "name": "Dropbox",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.dropbox.com/home",
diff --git a/recipes/dropbox/webview.js b/recipes/dropbox/webview.js
index 12478d3..f8b38f6 100644
--- a/recipes/dropbox/webview.js
+++ b/recipes/dropbox/webview.js
@@ -1,8 +1,16 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    const hasNotifications = document.querySelector(".dig-NotificationBadge");
+    const hasNotifications = document.querySelector('.dig-NotificationBadge');
 
     Ferdium.setBadge(0, hasNotifications ? 1 : 0);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/easy-redmine/package.json b/recipes/easy-redmine/package.json
index 718c665..b560754 100644
--- a/recipes/easy-redmine/package.json
+++ b/recipes/easy-redmine/package.json
@@ -1,7 +1,7 @@
 {
   "id": "easy-redmine",
   "name": "Easy Redmine",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamID}.easyredmine.com",
diff --git a/recipes/easy-redmine/webview.js b/recipes/easy-redmine/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/easy-redmine/webview.js
+++ b/recipes/easy-redmine/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/element/package.json b/recipes/element/package.json
index 982fb3c..c0e03fc 100644
--- a/recipes/element/package.json
+++ b/recipes/element/package.json
@@ -1,7 +1,7 @@
 {
   "id": "element",
   "name": "Element",
-  "version": "1.3.4",
+  "version": "1.4.0",
   "license": "MIT",
   "aliases": [
     "Riot.im",
diff --git a/recipes/element/webview.js b/recipes/element/webview.js
index f88baac..e00ff0e 100644
--- a/recipes/element/webview.js
+++ b/recipes/element/webview.js
@@ -1,13 +1,22 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   function getMessages() {
-    const matches = document.querySelector('title').textContent
-      .match('(?<=\\[)\\d+(?=])');
-    const directCount = Ferdium.safeParseInt(matches !== null ? matches[0] : 0);
-    const indirectCount = document.querySelector('.mx_SpaceTreeLevel')
-      .querySelectorAll('.mx_NotificationBadge_dot')
-      .length;
+    const matches = document
+      .querySelector('title')
+      .textContent.match('(?<=\\[)\\d+(?=])');
+    const directCount = Ferdium.safeParseInt(matches === null ? 0 : matches[0]);
+    const indirectCount = document
+      .querySelector('.mx_SpaceTreeLevel')
+      .querySelectorAll('.mx_NotificationBadge_dot').length;
     Ferdium.setBadge(directCount, indirectCount);
   }
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/elevate/package.json b/recipes/elevate/package.json
index 25d4eb1..68f6d7b 100644
--- a/recipes/elevate/package.json
+++ b/recipes/elevate/package.json
@@ -1,7 +1,7 @@
 {
   "id": "elevate",
   "name": "Elevate",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://elevate.serverdata.net"
diff --git a/recipes/elevate/webview.js b/recipes/elevate/webview.js
index 56a20b6..1119219 100644
--- a/recipes/elevate/webview.js
+++ b/recipes/elevate/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/elk/package.json b/recipes/elk/package.json
index 3f6c001..f853707 100644
--- a/recipes/elk/package.json
+++ b/recipes/elk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "elk",
   "name": "Elk",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": "https://github.com/jalil-salame/ferdium-elk-recipe",
   "config": {
diff --git a/recipes/elk/webview.js b/recipes/elk/webview.js
index f284fd3..8388f60 100644
--- a/recipes/elk/webview.js
+++ b/recipes/elk/webview.js
@@ -1,23 +1,25 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
-module.exports = (Ferdium) => {
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   // Inject css
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 
   // Get notifications
   Ferdium.loop(() => {
-    const notifications = document.querySelectorAll("[href$=notifications]").item(0);
+    const notifications = document
+      .querySelectorAll('[href$=notifications]')
+      .item(0);
     // Null if not present
     if (!notifications) {
       return;
     }
     // Assume first element contains the number of notifications
-    let parsedValue = Ferdium.safeParseInt(notifications.outerText);
+    const parsedValue = Ferdium.safeParseInt(notifications.outerText);
     // Set to parsed value
     Ferdium.setBadge(parsedValue);
   });
-}
+};
diff --git a/recipes/epicgames/package.json b/recipes/epicgames/package.json
index 5025b41..fe9dfa3 100644
--- a/recipes/epicgames/package.json
+++ b/recipes/epicgames/package.json
@@ -1,7 +1,7 @@
 {
   "id": "epicgames",
   "name": "Epic Games Store",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.epicgames.com/id/login?lang=en_US&redirectUrl=https%3A%2F%2Fwww.epicgames.com%2Fstore%2Fen-US%2F&noHostRedirect=true"
diff --git a/recipes/epicgames/webview.js b/recipes/epicgames/webview.js
index 46366f4..1119219 100644
--- a/recipes/epicgames/webview.js
+++ b/recipes/epicgames/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+};
diff --git a/recipes/erepublik/package.json b/recipes/erepublik/package.json
index 9e88f35..975583f 100644
--- a/recipes/erepublik/package.json
+++ b/recipes/erepublik/package.json
@@ -1,7 +1,7 @@
 {
   "id": "erepublik",
   "name": "eRepublik",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://erepublik.com"
diff --git a/recipes/erepublik/webview.js b/recipes/erepublik/webview.js
index 2f5bc9f..f2e2bde 100644
--- a/recipes/erepublik/webview.js
+++ b/recipes/erepublik/webview.js
@@ -1,11 +1,15 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
     const elementNotify = document.querySelectorAll('.notify');
-    const elementFeed = document.querySelectorAll('.unreadCounter.ng-binding.ng-scope');
+    const elementFeed = document.querySelectorAll(
+      '.unreadCounter.ng-binding.ng-scope',
+    );
 
     let countNotify = 0;
     let countFeed = 0;
diff --git a/recipes/evernote/package.json b/recipes/evernote/package.json
index 1b56d41..c7cca5f 100644
--- a/recipes/evernote/package.json
+++ b/recipes/evernote/package.json
@@ -1,7 +1,7 @@
 {
   "id": "evernote",
   "name": "Evernote",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.evernote.com/Login.action"
diff --git a/recipes/evernote/webview.js b/recipes/evernote/webview.js
index 8178443..913d867 100644
--- a/recipes/evernote/webview.js
+++ b/recipes/evernote/webview.js
@@ -1,10 +1,14 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   const getMessages = () => {
-    const inbox = document.querySelector('.topbar-notificationsButton.has-newNotifications');
+    const inbox = document.querySelector(
+      '.topbar-notificationsButton.has-newNotifications',
+    );
     const passiveCount = inbox === null ? 0 : 1;
     Ferdium.setBadge(0, passiveCount);
   };
diff --git a/recipes/facebook/package.json b/recipes/facebook/package.json
index 238f422..65990a2 100755
--- a/recipes/facebook/package.json
+++ b/recipes/facebook/package.json
@@ -1,7 +1,7 @@
 {
   "id": "facebook",
   "name": "Facebook",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.facebook.com/login"
diff --git a/recipes/facebook/webview.js b/recipes/facebook/webview.js
index 1ff8558..f3ba1b6 100755
--- a/recipes/facebook/webview.js
+++ b/recipes/facebook/webview.js
@@ -1,8 +1,16 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getNotifications = function getNotifications() {
     let count = 0;
 
-    const queryList = document.querySelectorAll('.bp9cbjyn.bwm1u5wc.pq6dq46d.datstx6m.taijpn5t.jb3vyjys.jxrgncrl.qt6c0cv9.qnrpqo6b.k4urcfbm');
+    const queryList = document.querySelectorAll(
+      '.bp9cbjyn.bwm1u5wc.pq6dq46d.datstx6m.taijpn5t.jb3vyjys.jxrgncrl.qt6c0cv9.qnrpqo6b.k4urcfbm',
+    );
     for (const element of queryList) {
       count += Ferdium.safeParseInt(element.textContent);
     }
@@ -29,4 +37,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(loopFunc);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/facebookpages/package.json b/recipes/facebookpages/package.json
index 750264a..1727384 100644
--- a/recipes/facebookpages/package.json
+++ b/recipes/facebookpages/package.json
@@ -1,7 +1,7 @@
 {
   "id": "facebookpages",
   "name": "Facebook Pages",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://facebook.com/{teamId}/",
diff --git a/recipes/facebookpages/webview.js b/recipes/facebookpages/webview.js
index d624017..f1310e9 100644
--- a/recipes/facebookpages/webview.js
+++ b/recipes/facebookpages/webview.js
@@ -1,7 +1,15 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = (Ferdium, options) => {
   const getMessages = () => {
     let messages = 0;
-    const element = document.querySelector('[data-testid="message_count"] span');
+    const element = document.querySelector(
+      '[data-testid="message_count"] span',
+    );
 
     if (element) {
       messages = Ferdium.safeParseInt(element.textContent);
@@ -13,7 +21,10 @@ module.exports = (Ferdium, options) => {
   Ferdium.loop(getMessages);
 
   setTimeout(() => {
-    if (document.body && !document.body.classList.contains('UIPage_LoggedOut')) {
+    if (
+      document.body &&
+      !document.body.classList.contains('UIPage_LoggedOut')
+    ) {
       if (localStorage.getItem('franz-needsRedirect')) {
         window.location.href = `https://facebook.com/${options.team}/inbox`;
         localStorage.removeItem('franz-needsRedirect');
@@ -22,4 +33,6 @@ module.exports = (Ferdium, options) => {
       localStorage.setItem('franz-needsRedirect', 'true');
     }
   }, 500);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/fastmail/package.json b/recipes/fastmail/package.json
index 425fb6b..afde16a 100644
--- a/recipes/fastmail/package.json
+++ b/recipes/fastmail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "fastmail",
   "name": "FastMail",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.fastmail.com/mail/",
diff --git a/recipes/fastmail/webview.js b/recipes/fastmail/webview.js
index 81127fb..84734c1 100644
--- a/recipes/fastmail/webview.js
+++ b/recipes/fastmail/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const inbox = document.querySelector(
diff --git a/recipes/feedbin/package.json b/recipes/feedbin/package.json
index 154fc12..206af02 100644
--- a/recipes/feedbin/package.json
+++ b/recipes/feedbin/package.json
@@ -1,7 +1,7 @@
 {
   "id": "feedbin",
   "name": "Feedbin",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://feedbin.com/login",
diff --git a/recipes/feedbin/webview.js b/recipes/feedbin/webview.js
index f905e40..bb94366 100644
--- a/recipes/feedbin/webview.js
+++ b/recipes/feedbin/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // eslint-disable-next-line no-undef
@@ -6,4 +12,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/feedly/package.json b/recipes/feedly/package.json
index 3e9a2bf..97ba54d 100644
--- a/recipes/feedly/package.json
+++ b/recipes/feedly/package.json
@@ -1,7 +1,7 @@
 {
   "id": "feedly",
   "name": "Feedly",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
       "serviceURL": "https://feedly.com"
diff --git a/recipes/feedly/webview.js b/recipes/feedly/webview.js
index b4887bc..6f46d8e 100644
--- a/recipes/feedly/webview.js
+++ b/recipes/feedly/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const newsDOM = document.querySelectorAll(
@@ -7,13 +13,18 @@ module.exports = Ferdium => {
     let counter = 0;
 
     if (newsDOM && newsDOM.length > 0) {
-      const textContent = newsDOM[0].textContent;
+      const { textContent } = newsDOM[0];
 
-      counter = textContent.includes('K') || textContent.includes('+') ? `${textContent.slice(0, Math.max(0, textContent.indexOf('K')))}000` : Ferdium.safeParseInt(textContent);
+      counter =
+        textContent.includes('K') || textContent.includes('+')
+          ? `${textContent.slice(0, Math.max(0, textContent.indexOf('K')))}000`
+          : Ferdium.safeParseInt(textContent);
     }
 
     Ferdium.setBadge(counter);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/figma/package.json b/recipes/figma/package.json
index 64ff87f..8bc39ef 100644
--- a/recipes/figma/package.json
+++ b/recipes/figma/package.json
@@ -1,7 +1,7 @@
 {
   "id": "figma",
   "name": "Figma",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://figma.com"
diff --git a/recipes/figma/webview.js b/recipes/figma/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/figma/webview.js
+++ b/recipes/figma/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/fleep/package.json b/recipes/fleep/package.json
index 7cb338b..abcc913 100644
--- a/recipes/fleep/package.json
+++ b/recipes/fleep/package.json
@@ -1,7 +1,7 @@
 {
   "id": "fleep",
   "name": "Fleep",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://fleep.io/chat"
diff --git a/recipes/fleep/webview.js b/recipes/fleep/webview.js
index 65c8133..1b42b59 100644
--- a/recipes/fleep/webview.js
+++ b/recipes/fleep/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // Count number of conversations or teams with unread messages
@@ -6,4 +12,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/flock/package.json b/recipes/flock/package.json
index 11932cf..ad7d192 100644
--- a/recipes/flock/package.json
+++ b/recipes/flock/package.json
@@ -1,7 +1,7 @@
 {
   "id": "flock",
   "name": "Flock",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/jereddowden/franz-recipe-flock",
   "config": {
diff --git a/recipes/flock/webview.js b/recipes/flock/webview.js
index 1a74734..8bcc61f 100644
--- a/recipes/flock/webview.js
+++ b/recipes/flock/webview.js
@@ -1,7 +1,17 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const allMessages = Ferdium.safeParseInt(document.querySelector('.team-counter').textContent);
+    const allMessages = Ferdium.safeParseInt(
+      document.querySelector('.team-counter').textContent,
+    );
     Ferdium.setBadge(allMessages);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/flowdock/package.json b/recipes/flowdock/package.json
index db89ead..f36875e 100644
--- a/recipes/flowdock/package.json
+++ b/recipes/flowdock/package.json
@@ -1,7 +1,7 @@
 {
   "id": "flowdock",
   "name": "Flowdock",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.flowdock.com/app/",
diff --git a/recipes/flowdock/webview.js b/recipes/flowdock/webview.js
index 498424f..bff5b41 100644
--- a/recipes/flowdock/webview.js
+++ b/recipes/flowdock/webview.js
@@ -1,11 +1,23 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const directMessages = document.querySelectorAll('.activity-indicator-mentions').length;
-    const indirectMessages = document.querySelectorAll('.activity-indicator-chat').length;
+    const directMessages = document.querySelectorAll(
+      '.activity-indicator-mentions',
+    ).length;
+    const indirectMessages = document.querySelectorAll(
+      '.activity-indicator-chat',
+    ).length;
 
     // set Ferdium badge
     Ferdium.setBadge(directMessages, indirectMessages);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/franz-custom-website/package.json b/recipes/franz-custom-website/package.json
index d3dcbba..775d9aa 100644
--- a/recipes/franz-custom-website/package.json
+++ b/recipes/franz-custom-website/package.json
@@ -1,7 +1,7 @@
 {
   "id": "franz-custom-website",
   "name": "Custom Website",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/meetfranz/recipe-custom-website",
   "config": {
diff --git a/recipes/franz-custom-website/webview.js b/recipes/franz-custom-website/webview.js
index 072fed5..18f16a3 100644
--- a/recipes/franz-custom-website/webview.js
+++ b/recipes/franz-custom-website/webview.js
@@ -1,30 +1,36 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = (Ferdium, settings) => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'style.css'));
 
   // TODO: See how this can be moved into the main ferdium app and sent as an ipc message for opening with a new window or same Ferdium recipe's webview based on user's preferences
-  document.addEventListener('click', event => {
-    const link = event.target.closest('a[href^="http"]');
-    const button = event.target.closest('button[title^="http"]');
+  document.addEventListener(
+    'click',
+    event => {
+      const link = event.target.closest('a[href^="http"]');
+      const button = event.target.closest('button[title^="http"]');
 
-    if (link || button) {
-      const url = link ? link.getAttribute('href') : button.getAttribute('title');
+      if (link || button) {
+        const url = link
+          ? link.getAttribute('href')
+          : button.getAttribute('title');
 
-      if (!Ferdium.isImage(link)) {
-        event.preventDefault();
-        event.stopPropagation();
+        if (!Ferdium.isImage(link)) {
+          event.preventDefault();
+          event.stopPropagation();
 
-        if (settings.trapLinkClicks === true) {
-          window.location.href = url;
-        } else {
-          Ferdium.openNewWindow(url);
+          if (settings.trapLinkClicks === true) {
+            window.location.href = url;
+          } else {
+            Ferdium.openNewWindow(url);
+          }
         }
       }
-    }
-  }, true);
+    },
+    true,
+  );
 };
diff --git a/recipes/freshdesk/package.json b/recipes/freshdesk/package.json
index 376ee0c..924ada1 100644
--- a/recipes/freshdesk/package.json
+++ b/recipes/freshdesk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "freshdesk",
   "name": "Freshdesk",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/fisknils/recipe-freshdesk",
   "config": {
diff --git a/recipes/freshdesk/webview.js b/recipes/freshdesk/webview.js
index 3e0a201..023e2cd 100644
--- a/recipes/freshdesk/webview.js
+++ b/recipes/freshdesk/webview.js
@@ -1,14 +1,23 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    $.get('/api/_/tickets?filter=unresolved', (data) => {
+    $.get('/api/_/tickets?filter=unresolved', data => {
       Ferdium.setBadge(data.tickets.length);
     });
   };
 
   Ferdium.loop(getMessages);
 
-/* block popups (prevents freshconnect from opening in a new window) */
-  window.open = (function(url, name) {
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
+  /* block popups (prevents freshconnect from opening in a new window) */
+  window.open = function (url, name) {
+    // eslint-disable-next-line no-console
     console.log(`blocked window.open(${url}, ${name})`);
-  });
+  };
 };
diff --git a/recipes/freshrss/README.md b/recipes/freshrss/README.md
deleted file mode 100644
index 3f50e87..0000000
--- a/recipes/freshrss/README.md
+++ /dev/null
@@ -1,3 +0,0 @@
-# FreshRSS for Ferdium
-
-Unofficial Ferdium recipe for [FeshRSS](https://freshrss.org/)
diff --git a/recipes/freshrss/index.js b/recipes/freshrss/index.js
index ede7c6d..6e9d311 100644
--- a/recipes/freshrss/index.js
+++ b/recipes/freshrss/index.js
@@ -1,5 +1,3 @@
-"use strict";
-
 // just pass through ferdium
 
 module.exports = Ferdium => Ferdium;
diff --git a/recipes/freshrss/package.json b/recipes/freshrss/package.json
index b0396d3..c893180 100644
--- a/recipes/freshrss/package.json
+++ b/recipes/freshrss/package.json
@@ -1,7 +1,7 @@
 {
   "id": "freshrss",
   "name": "FreshRSS",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true
diff --git a/recipes/freshrss/webview.js b/recipes/freshrss/webview.js
index cdc6e55..9740b08 100644
--- a/recipes/freshrss/webview.js
+++ b/recipes/freshrss/webview.js
@@ -1,18 +1,22 @@
-"use strict";
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = function getMessages() {
     // Initialize empty vars
-    var unread = 0;
-    var match = [];
+    let unread = 0;
+    let match = [];
     // Define RegExp to replace occasionally &nbsp
-    var re = new RegExp(String.fromCodePoint(160), "g");
+    const re = new RegExp(String.fromCodePoint(160), 'g');
     // Get value of <title> tag where in case of new feed elements the number of elements appear
-    const titleValue = document.querySelector('title').text.replace(re, "");
+    const titleValue = document.querySelector('title').text.replaceAll(re, '');
     // Extract the number from the tag
     match = titleValue.match(/[\d\s]+/);
     // Some logic to handle the match groups
-    unread = match != null && match.length > 0 ? match[0] : 0;
+    unread = match !== null && match.length > 0 ? match[0] : 0;
     // Set unread msgs badge
     Ferdium.setBadge(Number.parseInt(unread, 10));
   };
@@ -22,4 +26,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(loopFunc);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/freshservice/package.json b/recipes/freshservice/package.json
index 8c3da32..745c9d4 100644
--- a/recipes/freshservice/package.json
+++ b/recipes/freshservice/package.json
@@ -1,7 +1,7 @@
 {
   "id": "freshservice",
   "name": "Freshservice",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://freshservice.com"
diff --git a/recipes/freshservice/webview.js b/recipes/freshservice/webview.js
index 56a20b6..1119219 100644
--- a/recipes/freshservice/webview.js
+++ b/recipes/freshservice/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/gadugadu/package.json b/recipes/gadugadu/package.json
index 2fb3b6b..3b390f1 100644
--- a/recipes/gadugadu/package.json
+++ b/recipes/gadugadu/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gadugadu",
   "name": "Gadu-Gadu",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.gg.pl",
diff --git a/recipes/gadugadu/webview.js b/recipes/gadugadu/webview.js
index 8891628..47bdf23 100644
--- a/recipes/gadugadu/webview.js
+++ b/recipes/gadugadu/webview.js
@@ -1,10 +1,14 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
-    const updates = Ferdium.safeParseInt(document.querySelector('i#sr-last-counter').textContent);
+    const updates = Ferdium.safeParseInt(
+      document.querySelector('i#sr-last-counter').textContent,
+    );
     let messages = 0;
     const elements = document.querySelectorAll('.chat-counter:not(.d-none)');
     for (const element of elements) {
diff --git a/recipes/gaming-on-linux/package.json b/recipes/gaming-on-linux/package.json
index 69eff9f..6f82b31 100644
--- a/recipes/gaming-on-linux/package.json
+++ b/recipes/gaming-on-linux/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gaming-on-linux",
   "name": "GamingOnLinux",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.gamingonlinux.com"
diff --git a/recipes/gaming-on-linux/webview.js b/recipes/gaming-on-linux/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/gaming-on-linux/webview.js
+++ b/recipes/gaming-on-linux/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/gather/package.json b/recipes/gather/package.json
index ab59e6b..3621e99 100644
--- a/recipes/gather/package.json
+++ b/recipes/gather/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gather",
   "name": "Gather",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.gather.town/app"
diff --git a/recipes/gather/webview.js b/recipes/gather/webview.js
index d7d506a..d0654c9 100644
--- a/recipes/gather/webview.js
+++ b/recipes/gather/webview.js
@@ -1,14 +1,16 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const element = document.querySelector("[aria-label='Chat'] > div > div > p");
+    const element = document.querySelector(
+      "[aria-label='Chat'] > div > div > p",
+    );
     Ferdium.setBadge(element ? Ferdium.safeParseInt(element.textContent) : 0);
-  }
+  };
 
   Ferdium.loop(getMessages);
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
diff --git a/recipes/gettr/package.json b/recipes/gettr/package.json
index e222c2f..71ed43d 100644
--- a/recipes/gettr/package.json
+++ b/recipes/gettr/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gettr",
   "name": "Gettr",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://gettr.com"
diff --git a/recipes/gettr/webview.js b/recipes/gettr/webview.js
index 56a20b6..1119219 100644
--- a/recipes/gettr/webview.js
+++ b/recipes/gettr/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/gitea/package.json b/recipes/gitea/package.json
index 7856503..9ae5137 100755
--- a/recipes/gitea/package.json
+++ b/recipes/gitea/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gitea",
   "name": "Gitea",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true
diff --git a/recipes/gitea/webview.js b/recipes/gitea/webview.js
index 3deaedf..7929c35 100755
--- a/recipes/gitea/webview.js
+++ b/recipes/gitea/webview.js
@@ -1,6 +1,12 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const directCountElement = document.querySelector('.notification_count',);
+    const directCountElement = document.querySelector('.notification_count');
     let directCount = 0;
     if (directCountElement) {
       directCount = Ferdium.safeParseInt(directCountElement.textContent);
@@ -10,4 +16,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/github/package.json b/recipes/github/package.json
index fa734c7..8788aad 100644
--- a/recipes/github/package.json
+++ b/recipes/github/package.json
@@ -1,7 +1,7 @@
 {
   "id": "github",
   "name": "GitHub",
-  "version": "2.5.3",
+  "version": "2.6.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://github.com/notifications",
diff --git a/recipes/github/webview.js b/recipes/github/webview.js
index b73e96e..3068b80 100644
--- a/recipes/github/webview.js
+++ b/recipes/github/webview.js
@@ -1,5 +1,11 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
-  const _parseNewCount = (text) => {
+  const _parseNewCount = text => {
     const match = text.match(/\d+/);
     return match ? Ferdium.safeParseInt(match[0]) : 0;
   };
@@ -11,17 +17,24 @@ module.exports = Ferdium => {
     let directCount = directCountElement
       ? Ferdium.safeParseInt(directCountElement.textContent)
       : 0;
-    
-    const newCountElement = document.querySelector('a.h6[href="/notifications?query="]');
-    const newCount = newCountElement ?
-      _parseNewCount(newCountElement.textContent) : 0;
+
+    const newCountElement = document.querySelector(
+      'a.h6[href="/notifications?query="]',
+    );
+    const newCount = newCountElement
+      ? _parseNewCount(newCountElement.textContent)
+      : 0;
     directCount += newCount;
 
     const indirectCount = document.querySelector(
       '[class*="mail-status unread"]:not([hidden])',
-    ) ? 1 : 0;
+    )
+      ? 1
+      : 0;
     Ferdium.setBadge(directCount, indirectCount);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/gitlab/package.json b/recipes/gitlab/package.json
index 008b1c7..706c72b 100644
--- a/recipes/gitlab/package.json
+++ b/recipes/gitlab/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gitlab",
   "name": "GitLab",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://gitlab.com/users/sign_in",
diff --git a/recipes/gitlab/webview.js b/recipes/gitlab/webview.js
index 46366f4..1119219 100644
--- a/recipes/gitlab/webview.js
+++ b/recipes/gitlab/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+};
diff --git a/recipes/gitter/package.json b/recipes/gitter/package.json
index 36e64c6..a743d24 100644
--- a/recipes/gitter/package.json
+++ b/recipes/gitter/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gitter",
   "name": "Gitter",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://gitter.im",
diff --git a/recipes/gitter/webview.js b/recipes/gitter/webview.js
index 9dbd7e5..b40549a 100644
--- a/recipes/gitter/webview.js
+++ b/recipes/gitter/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // get unread messages
diff --git a/recipes/glowing-bear/package.json b/recipes/glowing-bear/package.json
index 1bc2794..37b71a2 100644
--- a/recipes/glowing-bear/package.json
+++ b/recipes/glowing-bear/package.json
@@ -1,7 +1,7 @@
 {
   "id": "glowing-bear",
   "name": "Glowing Bear",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.glowing-bear.org",
diff --git a/recipes/glowing-bear/webview.js b/recipes/glowing-bear/webview.js
index b20796f..57934eb 100644
--- a/recipes/glowing-bear/webview.js
+++ b/recipes/glowing-bear/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const indirectElements = document.querySelectorAll('.badge:not(.danger)');
@@ -8,11 +14,13 @@ module.exports = Ferdium => {
         indirectElement.textContent &&
         indirectElement.textContent.length > 0
       ) {
-        indirect++;
+        indirect += 1;
       }
     }
     Ferdium.setBadge(direct, indirect);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/gmail/package.json b/recipes/gmail/package.json
index 518f856..ffb7757 100644
--- a/recipes/gmail/package.json
+++ b/recipes/gmail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gmail",
   "name": "Gmail",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.google.com"
diff --git a/recipes/gmail/webview.js b/recipes/gmail/webview.js
index fb8cf76..dead877 100644
--- a/recipes/gmail/webview.js
+++ b/recipes/gmail/webview.js
@@ -1,13 +1,13 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // if the user is on gmail's landing page, go to the login page.
   if (
-    location.hostname == 'www.google.com' &&
+    location.hostname === 'www.google.com' &&
     location.href.includes('gmail/about/')
   ) {
     location.href =
@@ -19,22 +19,22 @@ module.exports = Ferdium => {
     let countNonImportant = 0;
     const inboxLinks = document.querySelectorAll('.J-Ke.n0');
     if (inboxLinks.length > 0) {
-      let parentNode = inboxLinks[0].parentNode;
+      const { parentNode } = inboxLinks[0];
       if (parentNode) {
-        let parentNodeOfParentNode = parentNode.parentNode;
+        const parentNodeOfParentNode = parentNode.parentNode;
         if (parentNodeOfParentNode) {
           const unreadCounts = parentNodeOfParentNode.querySelectorAll('.bsU');
           if (unreadCounts.length > 0) {
-            let unreadCount = unreadCounts[0].textContent;
+            const unreadCount = unreadCounts[0].textContent;
             if (unreadCount.includes(':')) {
-              let counts = unreadCount
+              const counts = unreadCount
                 .split(':')
-                .map(s => Ferdium.safeParseInt(s.replace(/[^\p{N}]/gu, '')));
+                .map(s => Ferdium.safeParseInt(s.replaceAll(/[^\p{N}]/gu, '')));
               countImportant = counts[0];
               countNonImportant = counts[1] - counts[0];
             } else {
               countImportant = Ferdium.safeParseInt(
-                unreadCount.replace(/[^\p{N}]/gu, ''),
+                unreadCount.replaceAll(/[^\p{N}]/gu, ''),
               );
             }
           }
diff --git a/recipes/good-reads/package.json b/recipes/good-reads/package.json
index 8337a6d..1c22e5e 100644
--- a/recipes/good-reads/package.json
+++ b/recipes/good-reads/package.json
@@ -1,7 +1,7 @@
 {
   "id": "good-reads",
   "name": "Good Reads",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.goodreads.com/"
diff --git a/recipes/good-reads/webview.js b/recipes/good-reads/webview.js
index a178ae1..2b2a4fa 100644
--- a/recipes/good-reads/webview.js
+++ b/recipes/good-reads/webview.js
@@ -1,13 +1,21 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const notificationBadge = document.querySelector(
-      ".siteHeader__topLevelItem--profileIcon .headerPersonalNav .modalTrigger .headerPersonalNav__icon .headerPersonalNav__flag"
+      '.siteHeader__topLevelItem--profileIcon .headerPersonalNav .modalTrigger .headerPersonalNav__icon .headerPersonalNav__flag',
     );
-    let notification = notificationBadge
+    const notification = notificationBadge
       ? Ferdium.safeParseInt(notificationBadge.textContent)
       : 0;
 
     Ferdium.setBadge(notification);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/googlecalendar/LICENSE b/recipes/google-calendar/LICENSE
index 4608c00..4608c00 100644
--- a/recipes/googlecalendar/LICENSE
+++ b/recipes/google-calendar/LICENSE
diff --git a/recipes/googlecalendar/calendar.css b/recipes/google-calendar/calendar.css
index 7cd726b..7cd726b 100644
--- a/recipes/googlecalendar/calendar.css
+++ b/recipes/google-calendar/calendar.css
diff --git a/recipes/googlecalendar/darkmode.css b/recipes/google-calendar/darkmode.css
index aab4f78..aab4f78 100644
--- a/recipes/googlecalendar/darkmode.css
+++ b/recipes/google-calendar/darkmode.css
diff --git a/recipes/googlecalendar/icon.svg b/recipes/google-calendar/icon.svg
index c71fa08..c71fa08 100644
--- a/recipes/googlecalendar/icon.svg
+++ b/recipes/google-calendar/icon.svg
diff --git a/recipes/googlecalendar/index.js b/recipes/google-calendar/index.js
index dd41f72..dd41f72 100644
--- a/recipes/googlecalendar/index.js
+++ b/recipes/google-calendar/index.js
diff --git a/recipes/googlecalendar/package.json b/recipes/google-calendar/package.json
index f6232cb..79e94fe 100644
--- a/recipes/googlecalendar/package.json
+++ b/recipes/google-calendar/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "googlecalendar",
+  "id": "google-calendar",
   "name": "Google Calendar",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "license": "MIT",
   "aliases": [
     "google-calendar",
diff --git a/recipes/googlecalendar/webview-unsafe.js b/recipes/google-calendar/webview-unsafe.js
index 7840600..0f4833e 100644
--- a/recipes/googlecalendar/webview-unsafe.js
+++ b/recipes/google-calendar/webview-unsafe.js
@@ -2,10 +2,10 @@ let modal;
 let updates = 0;
 
 const waitFor = (condition, callback) => {
-  if (!condition()) {
-    window.setTimeout(waitFor.bind(null, condition, callback), 100);
-  } else {
+  if (condition()) {
     callback();
+  } else {
+    window.setTimeout(waitFor.bind(null, condition, callback), 100);
   }
 };
 
diff --git a/recipes/googlecalendar/webview.js b/recipes/google-calendar/webview.js
index 9937bec..3921dea 100644
--- a/recipes/googlecalendar/webview.js
+++ b/recipes/google-calendar/webview.js
@@ -1,11 +1,13 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   // if the user is on googlecalendar landing page, go to the login page.
   if (
-    location.hostname == 'workspace.google.com' &&
+    location.hostname === 'workspace.google.com' &&
     location.href.includes('products/calendar/')
   ) {
     location.href =
diff --git a/recipes/googleclassroom/LICENSE b/recipes/google-classroom/LICENSE
index 516df99..516df99 100644
--- a/recipes/googleclassroom/LICENSE
+++ b/recipes/google-classroom/LICENSE
diff --git a/recipes/googleclassroom/darkmode.css b/recipes/google-classroom/darkmode.css
index 0e47715..0e47715 100644
--- a/recipes/googleclassroom/darkmode.css
+++ b/recipes/google-classroom/darkmode.css
diff --git a/recipes/googleclassroom/icon.svg b/recipes/google-classroom/icon.svg
index 3a48ab5..3a48ab5 100644
--- a/recipes/googleclassroom/icon.svg
+++ b/recipes/google-classroom/icon.svg
diff --git a/recipes/googleclassroom/index.js b/recipes/google-classroom/index.js
index dd41f72..dd41f72 100644
--- a/recipes/googleclassroom/index.js
+++ b/recipes/google-classroom/index.js
diff --git a/recipes/googleclassroom/package.json b/recipes/google-classroom/package.json
index 8680db8..3fcb079 100644
--- a/recipes/googleclassroom/package.json
+++ b/recipes/google-classroom/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "googleclassroom",
+  "id": "google-classroom",
   "name": "Google Classroom",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/TanZng/ferdi-googleclassroom",
   "config": {
diff --git a/recipes/googleclassroom/webview.js b/recipes/google-classroom/webview.js
index 5035417..47bfe80 100644
--- a/recipes/googleclassroom/webview.js
+++ b/recipes/google-classroom/webview.js
@@ -1,7 +1,13 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // if the user is on googleclassroom landing page, go to the login page.
   if (
-    location.hostname == 'edu.google.com' &&
+    location.hostname === 'edu.google.com' &&
     location.href.includes('workspace-for-education/classroom/')
   ) {
     location.href =
@@ -10,10 +16,12 @@ module.exports = Ferdium => {
 
   const getMessages = () => {
     let homework = 0;
-    const upcomingAssignment = document.querySelectorAll('.hrUpcomingAssignmentGroup');
+    const upcomingAssignment = document.querySelectorAll(
+      '.hrUpcomingAssignmentGroup',
+    );
     if (upcomingAssignment.length > 0) {
       let i;
-      for (i = 0; i < upcomingAssignment.length; i++) {
+      for (i = 0; i < upcomingAssignment.length; i += 1) {
         homework += upcomingAssignment[i].childElementCount;
       }
     }
@@ -21,4 +29,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/google-contacts/package.json b/recipes/google-contacts/package.json
index 5bcae2d..1a336e6 100644
--- a/recipes/google-contacts/package.json
+++ b/recipes/google-contacts/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-contacts",
   "name": "Google Contacts",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://contacts.google.com/u/0/"
diff --git a/recipes/google-contacts/webview.js b/recipes/google-contacts/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/google-contacts/webview.js
+++ b/recipes/google-contacts/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/google-docs/package.json b/recipes/google-docs/package.json
index 8afbd1a..19504af 100644
--- a/recipes/google-docs/package.json
+++ b/recipes/google-docs/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-docs",
   "name": "Google Docs",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://docs.google.com/document/u/0/"
diff --git a/recipes/google-docs/webview.js b/recipes/google-docs/webview.js
index 56a20b6..1119219 100644
--- a/recipes/google-docs/webview.js
+++ b/recipes/google-docs/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/googledrive/icon.svg b/recipes/google-drive/icon.svg
index c430a62..c430a62 100644
--- a/recipes/googledrive/icon.svg
+++ b/recipes/google-drive/icon.svg
diff --git a/recipes/googledrive/index.js b/recipes/google-drive/index.js
index dd41f72..dd41f72 100644
--- a/recipes/googledrive/index.js
+++ b/recipes/google-drive/index.js
diff --git a/recipes/googledrive/package.json b/recipes/google-drive/package.json
index 5dd53a6..e9b328d 100644
--- a/recipes/googledrive/package.json
+++ b/recipes/google-drive/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "googledrive",
+  "id": "google-drive",
   "name": "Google Drive",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "repository": "https://github.com/BrianGilbert/franz-recipe-tawk",
   "license": "MIT",
   "config": {
diff --git a/recipes/googledrive/service.css b/recipes/google-drive/service.css
index 2d8c1a6..2d8c1a6 100644
--- a/recipes/googledrive/service.css
+++ b/recipes/google-drive/service.css
diff --git a/recipes/googledrive/webview-unsafe.js b/recipes/google-drive/webview-unsafe.js
index 9198ac5..9198ac5 100644
--- a/recipes/googledrive/webview-unsafe.js
+++ b/recipes/google-drive/webview-unsafe.js
diff --git a/recipes/googledrive/webview.js b/recipes/google-drive/webview.js
index aba811f..c27c226 100644
--- a/recipes/googledrive/webview.js
+++ b/recipes/google-drive/webview.js
@@ -1,8 +1,10 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
   Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
 };
diff --git a/recipes/google-duo/package.json b/recipes/google-duo/package.json
index 9f45a5f..d6b27d8 100644
--- a/recipes/google-duo/package.json
+++ b/recipes/google-duo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-duo",
   "name": "Google Duo",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/AnalogCyan/recipe-franz-googleduo",
   "config": {
diff --git a/recipes/google-duo/webview.js b/recipes/google-duo/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/google-duo/webview.js
+++ b/recipes/google-duo/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/google-groups/package.json b/recipes/google-groups/package.json
index f1ff58d..38c3470 100644
--- a/recipes/google-groups/package.json
+++ b/recipes/google-groups/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-groups",
   "name": "Google Groups",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://groups.google.com/u/0/"
diff --git a/recipes/google-groups/webview.js b/recipes/google-groups/webview.js
index 7006eef..c13334a 100644
--- a/recipes/google-groups/webview.js
+++ b/recipes/google-groups/webview.js
@@ -1,15 +1,17 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let countImportant = 0;
     const unReadConversationCount = document.querySelectorAll('.NHlkZc');
     if (unReadConversationCount.length > 0) {
-      countImportant = Ferdium.safeParseInt(unReadConversationCount[0].textContent);
+      countImportant = Ferdium.safeParseInt(
+        unReadConversationCount[0].textContent,
+      );
     }
     Ferdium.setBadge(countImportant, 0);
   };
diff --git a/recipes/googlekeep/LICENSE b/recipes/google-keep/LICENSE
index 8d55d49..8d55d49 100644
--- a/recipes/googlekeep/LICENSE
+++ b/recipes/google-keep/LICENSE
diff --git a/recipes/googlekeep/icon.svg b/recipes/google-keep/icon.svg
index 20c040f..20c040f 100644
--- a/recipes/googlekeep/icon.svg
+++ b/recipes/google-keep/icon.svg
diff --git a/recipes/googlekeep/index.js b/recipes/google-keep/index.js
index dd41f72..dd41f72 100644
--- a/recipes/googlekeep/index.js
+++ b/recipes/google-keep/index.js
diff --git a/recipes/googlekeep/package.json b/recipes/google-keep/package.json
index 6b949ca..97aaa7c 100644
--- a/recipes/googlekeep/package.json
+++ b/recipes/google-keep/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "googlekeep",
+  "id": "google-keep",
   "name": "Google Keep",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://keep.google.com/u/0/"
diff --git a/recipes/protoncalendar/webview.js b/recipes/google-keep/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/protoncalendar/webview.js
+++ b/recipes/google-keep/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/googlemeet/icon.svg b/recipes/google-meet/icon.svg
index 4b5a0d3..4b5a0d3 100644
--- a/recipes/googlemeet/icon.svg
+++ b/recipes/google-meet/icon.svg
diff --git a/recipes/googlemeet/index.js b/recipes/google-meet/index.js
index dd41f72..dd41f72 100644
--- a/recipes/googlemeet/index.js
+++ b/recipes/google-meet/index.js
diff --git a/recipes/googlemeet/package.json b/recipes/google-meet/package.json
index 637e722..93f2f33 100644
--- a/recipes/googlemeet/package.json
+++ b/recipes/google-meet/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "googlemeet",
+  "id": "google-meet",
   "name": "Google Meet",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://meet.google.com/u/0/",
diff --git a/recipes/googlemeet/service.css b/recipes/google-meet/service.css
index b453fd4..b453fd4 100644
--- a/recipes/googlemeet/service.css
+++ b/recipes/google-meet/service.css
diff --git a/recipes/googlemeet/webview.js b/recipes/google-meet/webview.js
index f3c0f46..e4694ef 100644
--- a/recipes/googlemeet/webview.js
+++ b/recipes/google-meet/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 window.addEventListener('load', () => {
   const title = document.querySelector('.window-title').textContent;
 
diff --git a/recipes/google-news/package.json b/recipes/google-news/package.json
index 4db1d40..1c2a675 100644
--- a/recipes/google-news/package.json
+++ b/recipes/google-news/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-news",
   "name": "Google News",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://news.google.com/u/0/"
diff --git a/recipes/google-news/webview.js b/recipes/google-news/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/google-news/webview.js
+++ b/recipes/google-news/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/googlepodcasts/icon.svg b/recipes/google-podcasts/icon.svg
index f1da8b9..f1da8b9 100644
--- a/recipes/googlepodcasts/icon.svg
+++ b/recipes/google-podcasts/icon.svg
diff --git a/recipes/googlepodcasts/index.js b/recipes/google-podcasts/index.js
index dd41f72..dd41f72 100644
--- a/recipes/googlepodcasts/index.js
+++ b/recipes/google-podcasts/index.js
diff --git a/recipes/googlepodcasts/package.json b/recipes/google-podcasts/package.json
index dd2ea9e..91258da 100644
--- a/recipes/googlepodcasts/package.json
+++ b/recipes/google-podcasts/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "googlepodcasts",
+  "id": "google-podcasts",
   "name": "Google Podcasts",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://podcasts.google.com/u/0/"
diff --git a/recipes/googlekeep/webview.js b/recipes/google-podcasts/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/googlekeep/webview.js
+++ b/recipes/google-podcasts/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/google-presentation/package.json b/recipes/google-presentation/package.json
index 6861390..01f7598 100644
--- a/recipes/google-presentation/package.json
+++ b/recipes/google-presentation/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-presentation",
   "name": "Google Presentation",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://docs.google.com/presentation/u/0/"
diff --git a/recipes/google-presentation/webview.js b/recipes/google-presentation/webview.js
index 56a20b6..1119219 100644
--- a/recipes/google-presentation/webview.js
+++ b/recipes/google-presentation/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/google-spreadsheets/package.json b/recipes/google-spreadsheets/package.json
index a35438b..d27f357 100644
--- a/recipes/google-spreadsheets/package.json
+++ b/recipes/google-spreadsheets/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-spreadsheets",
   "name": "Google Spreadsheets",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://docs.google.com/spreadsheets/u/0/"
diff --git a/recipes/google-spreadsheets/webview.js b/recipes/google-spreadsheets/webview.js
index 56a20b6..1119219 100644
--- a/recipes/google-spreadsheets/webview.js
+++ b/recipes/google-spreadsheets/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/google-translate/package.json b/recipes/google-translate/package.json
index 41b1f1b..1063b69 100644
--- a/recipes/google-translate/package.json
+++ b/recipes/google-translate/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-translate",
   "name": "Google Translate",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://translate.google.com/u/0/"
diff --git a/recipes/google-translate/webview.js b/recipes/google-translate/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/google-translate/webview.js
+++ b/recipes/google-translate/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/google-voice/package.json b/recipes/google-voice/package.json
index 7d02660..9ddade7 100644
--- a/recipes/google-voice/package.json
+++ b/recipes/google-voice/package.json
@@ -1,7 +1,7 @@
 {
   "id": "google-voice",
   "name": "Google Voice",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "license": "MIT",
   "repository": "https://github.com/BehindTheMath/franz-recipe-google-voice",
   "config": {
diff --git a/recipes/google-voice/webview.js b/recipes/google-voice/webview.js
index 876ec1d..d589f28 100644
--- a/recipes/google-voice/webview.js
+++ b/recipes/google-voice/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   function parseQuery(query) {
     const el = document.querySelector(query);
@@ -9,22 +15,24 @@ module.exports = Ferdium => {
     let count;
 
     if (el && el.textContent) {
-      count = Ferdium.safeParseInt(el.textContent.replace(/[ ()]/gi, ''));
+      count = Ferdium.safeParseInt(el.textContent.replaceAll(/[ ()]/gi, ''));
     } else {
-      const count_messages = parseQuery(
+      const countMessages = parseQuery(
         'gv-nav-tab[tooltip="Messages"] div[aria-label="Unread count"]',
       );
-      const count_calls = parseQuery(
+      const countCalls = parseQuery(
         'gv-nav-tab[tooltip="Calls"] div[aria-label="Unread count"]',
       );
-      const count_voicemails = parseQuery(
+      const countVoicemails = parseQuery(
         'gv-nav-tab[tooltip="Voicemail"] div[aria-label="Unread count"]',
       );
-      count = count_messages + count_calls + count_voicemails;
+      count = countMessages + countCalls + countVoicemails;
     }
 
     Ferdium.setBadge(count);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/gotify/package.json b/recipes/gotify/package.json
index c52a308..00ef370 100644
--- a/recipes/gotify/package.json
+++ b/recipes/gotify/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gotify",
   "name": "Gotify",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "hasNotificationSound": true,
diff --git a/recipes/gotify/webview.js b/recipes/gotify/webview.js
index 46762ed..420275a 100644
--- a/recipes/gotify/webview.js
+++ b/recipes/gotify/webview.js
@@ -1,12 +1,12 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    let count = document.querySelectorAll('#messages').length;
+    const count = document.querySelectorAll('#messages').length;
 
     Ferdium.setBadge(count);
   };
diff --git a/recipes/goto/package.json b/recipes/goto/package.json
index b583578..7455e9e 100644
--- a/recipes/goto/package.json
+++ b/recipes/goto/package.json
@@ -1,7 +1,7 @@
 {
   "id": "goto",
   "name": "GoTo",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.goto.com/"
diff --git a/recipes/goto/webview.js b/recipes/goto/webview.js
index 56a20b6..1119219 100644
--- a/recipes/goto/webview.js
+++ b/recipes/goto/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/gotomeeting/index.js b/recipes/gotomeeting/index.js
index fa15a16..ec47fa5 100644
--- a/recipes/gotomeeting/index.js
+++ b/recipes/gotomeeting/index.js
@@ -1,5 +1,9 @@
-module.exports = Ferdium => class Gotomeeting extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '');
-  }
-};
+module.exports = Ferdium =>
+  class Gotomeeting extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent.replaceAll(
+        /(Ferdium|Electron)\/\S+ \([^)]+\)/g,
+        '',
+      );
+    }
+  };
diff --git a/recipes/gotomeeting/package.json b/recipes/gotomeeting/package.json
index 73d3792..a0aee2f 100644
--- a/recipes/gotomeeting/package.json
+++ b/recipes/gotomeeting/package.json
@@ -1,7 +1,7 @@
 {
   "id": "gotomeeting",
   "name": "Go To Meeting",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "repository": "https://github.com/tristanplouz/ferdi-recipe-gotomeeting.git",
   "license": "MIT",
   "config": {
diff --git a/recipes/gotomeeting/webview.js b/recipes/gotomeeting/webview.js
index 0ff41ad..ab5f07c 100644
--- a/recipes/gotomeeting/webview.js
+++ b/recipes/gotomeeting/webview.js
@@ -1,6 +1,8 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
diff --git a/recipes/grammarly/package.json b/recipes/grammarly/package.json
index ee2d3b4..24990d8 100644
--- a/recipes/grammarly/package.json
+++ b/recipes/grammarly/package.json
@@ -1,7 +1,7 @@
 {
   "id": "grammarly",
   "name": "Grammarly",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.grammarly.com/"
diff --git a/recipes/grammarly/webview.js b/recipes/grammarly/webview.js
index afe3605..b9d0570 100644
--- a/recipes/grammarly/webview.js
+++ b/recipes/grammarly/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'style.css'));
 };
diff --git a/recipes/grape/index.js b/recipes/grape/index.js
index 593f026..1e2a187 100644
--- a/recipes/grape/index.js
+++ b/recipes/grape/index.js
@@ -1,18 +1,48 @@
-function _asyncToGenerator(fn) { return function () { const gen = Reflect.apply(fn, this, arguments); return new Promise((resolve, reject) => { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then((value) => { step('next', value); }, (error) => { step('throw', error); }); } } return step('next'); }); }; }
-
-module.exports = Ferdium => class Grape extends Ferdium {
-  validateUrl(url) {
-    return _asyncToGenerator(function* () {
-      try {
-        const resp = yield window.fetch(url, {
-          method: 'GET',
-        });
-        return resp.status === 200;
-      } catch (error) {
-        console.error(error);
+function _asyncToGenerator(fn) {
+  return function () {
+    const gen = Reflect.apply(fn, this, arguments);
+    return new Promise((resolve, reject) => {
+      function step(key, arg) {
+        try {
+          var info = gen[key](arg);
+          var value = info.value;
+        } catch (error) {
+          reject(error);
+          return;
+        }
+        if (info.done) {
+          resolve(value);
+        } else {
+          // eslint-disable-next-line consistent-return
+          return Promise.resolve(value).then(
+            value => {
+              step('next', value);
+            },
+            error => {
+              step('throw', error);
+            },
+          );
+        }
       }
+      return step('next');
+    });
+  };
+}
+
+module.exports = Ferdium =>
+  class Grape extends Ferdium {
+    validateUrl(url) {
+      return _asyncToGenerator(function* () {
+        try {
+          const resp = yield window.fetch(url, {
+            method: 'GET',
+          });
+          return resp.status === 200;
+        } catch (error) {
+          console.error(error);
+        }
 
-      return false;
-    })();
-  }
-};
+        return false;
+      })();
+    }
+  };
diff --git a/recipes/grape/package.json b/recipes/grape/package.json
index 9fe40ab..6b09778 100644
--- a/recipes/grape/package.json
+++ b/recipes/grape/package.json
@@ -1,7 +1,7 @@
 {
   "id": "grape",
   "name": "Grape",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.chatgrape.com/chat",
diff --git a/recipes/grape/webview.js b/recipes/grape/webview.js
index 6349bd0..0115205 100644
--- a/recipes/grape/webview.js
+++ b/recipes/grape/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const directMessages = document.querySelectorAll('.c0120').length;
@@ -7,4 +13,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/groupme/package.json b/recipes/groupme/package.json
index 0fa12ad..f282c9a 100644
--- a/recipes/groupme/package.json
+++ b/recipes/groupme/package.json
@@ -1,7 +1,7 @@
 {
   "id": "groupme",
   "name": "GroupMe",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.groupme.com",
diff --git a/recipes/groupme/webview.js b/recipes/groupme/webview.js
index 0d5afc3..0f0d3a6 100644
--- a/recipes/groupme/webview.js
+++ b/recipes/groupme/webview.js
@@ -1,12 +1,21 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-
     // array-ify the list of conversations
-    const allConversations = [...document.querySelectorAll('#tray .tray-list .list-item')]
+    const allConversations = [
+      ...document.querySelectorAll('#tray .tray-list .list-item'),
+    ];
     // for each conversation on the list...
     const filteredConversations = allConversations.filter(e => {
       // keep it on the list if [1] it has unread messages (not .ng-hide), and [2] it isn't muted (not .overlay)
-      return (!e.innerHTML.includes('ng-hide') && !e.innerHTML.includes('overlay'))
+      return (
+        !e.innerHTML.includes('ng-hide') && !e.innerHTML.includes('overlay')
+      );
     });
     const unreadConversations = filteredConversations.length;
 
@@ -15,4 +24,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/guilded/package.json b/recipes/guilded/package.json
index 6bfcd7c..d041afa 100644
--- a/recipes/guilded/package.json
+++ b/recipes/guilded/package.json
@@ -1,7 +1,7 @@
 {
   "id": "guilded",
   "name": "Guilded",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.guilded.gg/",
diff --git a/recipes/guilded/webview.js b/recipes/guilded/webview.js
index a573790..eedbf8a 100644
--- a/recipes/guilded/webview.js
+++ b/recipes/guilded/webview.js
@@ -1,10 +1,16 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let unread = 0;
     const notificationBadge = document.querySelectorAll(
       '.NavSelectorItem-unread-badge',
     )[0];
-    if (notificationBadge != undefined) {
+    if (notificationBadge !== undefined) {
       const innerBadge =
         notificationBadge.querySelectorAll('.BadgeV2-count')[0];
       unread = Ferdium.safeParseInt(innerBadge.textContent);
@@ -13,4 +19,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/habitica/package.json b/recipes/habitica/package.json
index bda128e..9480daf 100755
--- a/recipes/habitica/package.json
+++ b/recipes/habitica/package.json
@@ -1,7 +1,7 @@
 {
   "id": "habitica",
   "name": "Habitica",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/lmnet/franz-recipe-notion",
   "config": {
diff --git a/recipes/habitica/webview.js b/recipes/habitica/webview.js
index 202822f..7e7abfd 100755
--- a/recipes/habitica/webview.js
+++ b/recipes/habitica/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
@@ -9,4 +15,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/hackmd/package.json b/recipes/hackmd/package.json
index 24b790d..03734a7 100644
--- a/recipes/hackmd/package.json
+++ b/recipes/hackmd/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hackmd",
   "name": "HackMd",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://hackmd.io",
diff --git a/recipes/hackmd/webview.js b/recipes/hackmd/webview.js
index dbd4746..5c472fb 100644
--- a/recipes/hackmd/webview.js
+++ b/recipes/hackmd/webview.js
@@ -1,8 +1,10 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   const getMessages = () => {
     // get unread messages
     const count = document.querySelectorAll('.guilds-wrapper .badge').length;
diff --git a/recipes/hangouts/package.json b/recipes/hangouts/package.json
index bb76e4b..fbc012b 100644
--- a/recipes/hangouts/package.json
+++ b/recipes/hangouts/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hangouts",
   "name": "Hangouts",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://hangouts.google.com",
diff --git a/recipes/hangouts/webview.js b/recipes/hangouts/webview.js
index 02ded41..624f6ae 100644
--- a/recipes/hangouts/webview.js
+++ b/recipes/hangouts/webview.js
@@ -1,12 +1,21 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // get unread messages
     let count = 0;
-    for (const span of document.querySelectorAll('span[jsname=DW2nlb]'))  count += Ferdium.safeParseInt(span.textContent);
+    for (const span of document.querySelectorAll('span[jsname=DW2nlb]'))
+      count += Ferdium.safeParseInt(span.textContent);
 
     // set Ferdium badge
     Ferdium.setBadge(count);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/hangoutschat/package.json b/recipes/hangoutschat/package.json
index 1af0ff3..614cf90 100644
--- a/recipes/hangoutschat/package.json
+++ b/recipes/hangoutschat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hangoutschat",
   "name": "Hangouts Chat",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "license": "MIT",
   "aliases": [
     "google-chat",
diff --git a/recipes/hangoutschat/webview.js b/recipes/hangoutschat/webview.js
index 98309fb..75c53d0 100644
--- a/recipes/hangoutschat/webview.js
+++ b/recipes/hangoutschat/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // class corresponding to the red badge that is visible for direct messages
   const directMessageSelector = 'div.V6.CL.su.ahD.X9.Y2 span.akt span.XU';
@@ -29,8 +35,10 @@ module.exports = Ferdium => {
 
   Ferdium.loop(getMessages);
 
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
   document.addEventListener('click', e => {
-    // @ts-ignore
+    // @ts-expect-error
     const { tagName, target, href } = e.target;
 
     if (tagName === 'A' && target === '_blank') {
diff --git a/recipes/harvest/package.json b/recipes/harvest/package.json
index 1913855..fbb7279 100644
--- a/recipes/harvest/package.json
+++ b/recipes/harvest/package.json
@@ -1,7 +1,7 @@
 {
   "id": "harvest",
   "name": "Harvest",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.harvestapp.com",
diff --git a/recipes/harvest/webview.js b/recipes/harvest/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/harvest/webview.js
+++ b/recipes/harvest/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/help-scout/package.json b/recipes/help-scout/package.json
index 9048edc..0ff08a3 100644
--- a/recipes/help-scout/package.json
+++ b/recipes/help-scout/package.json
@@ -1,7 +1,7 @@
 {
   "id": "help-scout",
   "name": "Help Scout",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.helpscout.com"
diff --git a/recipes/help-scout/webview.js b/recipes/help-scout/webview.js
index bd84dd7..c7f7c94 100644
--- a/recipes/help-scout/webview.js
+++ b/recipes/help-scout/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 /**
  * Help Scout integration plugin for Ferdium
  *
@@ -11,110 +11,112 @@ function _interopRequireDefault(obj) {
  * @since       1.2.0
  */
 
-
 /**
  * Scripts specific to ticket pages
  *
  * @since       1.2.0
  */
-let ticketScripts = {
-        init : function() {
-                this.processCopy();
-        },
-        /**
-         * Handles clicking the copy link
-         *
-         * @since       1.2.0
-         * @return      {void}
-         */
-        processCopy : function() {
-                $('#copyLink').on('click', function(e) {
-                        e.preventDefault();
-
-                        copyToClipboard();
-
-                        $('.link-copied').fadeIn('fast').css('display', 'block');
-                });
-
-                $('#closeLink').on('click', function(e) {
-                        e.preventDefault();
-
-                        $('.link-copied').fadeOut('fast', function () {
-                                $(this).css('display', 'none');
-                        });
-                });
-        }
+const ticketScripts = {
+  init() {
+    this.processCopy();
+  },
+  /**
+   * Handles clicking the copy link
+   *
+   * @since       1.2.0
+   * @return      {void}
+   */
+  processCopy() {
+    $('#copyLink').on('click', function (e) {
+      e.preventDefault();
+
+      copyToClipboard();
+
+      $('.link-copied').fadeIn('fast').css('display', 'block');
+    });
+
+    $('#closeLink').on('click', function (e) {
+      e.preventDefault();
+
+      $('.link-copied').fadeOut('fast', function () {
+        $(this).css('display', 'none');
+      });
+    });
+  },
 };
 
-
 /**
  * The core Ferdium message handler
  *
  * @since       1.0.0
  */
-module.exports = (Ferdium) => {
-        Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-
-        /**
-         * Get messages for the Ferdium loop
-         *
-         * @since       1.0.0
-         * @return      {void}
-         */
-        function getMessages() {
-                let mine = '';
-                let unassigned = '';
-                let total = '0';
-
-                /**
-                 * Since Help Scout loads things asyncronously,
-                 * we have to trigger everything in the loop for
-                 * it to get recognized.
-                 */
-                addCopyLink();
-                ticketScripts.init();
-
-                if ($('.dropdown.mailboxes').length > 0 && $('.dropdown.mailboxes a').hasClass('active')) {
-                        // Individual tickets
-                        mine = $('li.mine a .badge').text();
-                        unassigned = $('li.unassigned a .badge').text();
-                } else if (window.location.href === 'https://secure.helpscout.net/dashboard/') {
-                        // Main dashboard
-                        mine = 0;
-                        unassigned = 0;
-
-                        $('.card.mailbox .c-list').each(function() {
-                                let m = $(this).find('a:nth-child(2)').find('.count').text();
-                                let u = $(this).find('a:first-child').find('.count').text();
-
-                                if ($.isNumeric(m)) {
-                                        mine += Number.parseInt(m);
-                                }
-
-                                if ($.isNumeric(u)) {
-                                        unassigned += Number.parseInt(u);
-                                }
-                        });
-
-                        mine = mine.toString();
-                        unassigned = unassigned.toString();
-                }
-
-                if (mine !== '') {
-                        total = mine;
-                }
-
-                if (unassigned !== '') {
-                        total = total + '/' + unassigned;
-                }
-
-                Ferdium.setBadge(total);
-        }
-
-        Ferdium.loop(getMessages);
+module.exports = Ferdium => {
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
+  /**
+   * Get messages for the Ferdium loop
+   *
+   * @since       1.0.0
+   * @return      {void}
+   */
+  function getMessages() {
+    let mine = '';
+    let unassigned = '';
+    let total = '0';
+
+    /**
+     * Since Help Scout loads things asyncronously,
+     * we have to trigger everything in the loop for
+     * it to get recognized.
+     */
+    addCopyLink();
+    ticketScripts.init();
+
+    if (
+      $('.dropdown.mailboxes').length > 0 &&
+      $('.dropdown.mailboxes a').hasClass('active')
+    ) {
+      // Individual tickets
+      mine = $('li.mine a .badge').text();
+      unassigned = $('li.unassigned a .badge').text();
+    } else if (
+      window.location.href === 'https://secure.helpscout.net/dashboard/'
+    ) {
+      // Main dashboard
+      mine = 0;
+      unassigned = 0;
+
+      $('.card.mailbox .c-list').each(function () {
+        const m = $(this).find('a:nth-child(2)').find('.count').text();
+        const u = $(this).find('a:first-child').find('.count').text();
+
+        if ($.isNumeric(m)) {
+          mine += Number.parseInt(m);
+        }
+
+        if ($.isNumeric(u)) {
+          unassigned += Number.parseInt(u);
+        }
+      });
+
+      mine = mine.toString();
+      unassigned = unassigned.toString();
+    }
+
+    if (mine !== '') {
+      total = mine;
+    }
+
+    if (unassigned !== '') {
+      total = `${total}/${unassigned}`;
+    }
+
+    Ferdium.setBadge(total);
+  }
+
+  Ferdium.loop(getMessages);
 };
 
-
 /**
  * Add copy link to the conversation toolbar
  *
@@ -122,13 +124,16 @@ module.exports = (Ferdium) => {
  * @return      {void}
  */
 function addCopyLink() {
-        if ($('.convo-toolbar').length > 0 && $('#copyLink').length === 0) {
-                        $('#actions-dd .more').append('<li class="actions-dd"><a id="copyLink" class="actions-dd">Copy Link</a></li>');
-                        $('.c-convo-toolbar').after('<div class="link-copied" style="display: none">Ticket URL copied to clipboard!<a id="closeLink">x</a></div>');
-                }
+  if ($('.convo-toolbar').length > 0 && $('#copyLink').length === 0) {
+    $('#actions-dd .more').append(
+      '<li class="actions-dd"><a id="copyLink" class="actions-dd">Copy Link</a></li>',
+    );
+    $('.c-convo-toolbar').after(
+      '<div class="link-copied" style="display: none">Ticket URL copied to clipboard!<a id="closeLink">x</a></div>',
+    );
+  }
 }
 
-
 /**
  * Process copying URLs to clipboard
  *
@@ -136,28 +141,28 @@ function addCopyLink() {
  * @return      {void}
  */
 function copyToClipboard() {
-        let targetId = '_hiddenURLField';
-        let target = document.querySelector(targetId);
+  const targetId = '_hiddenURLField';
+  let target = document.querySelector(targetId);
 
-        if(!target) {
-                target = document.createElement('textarea');
-                target.style.position = 'absolute';
-                target.style.left = '-9999px';
-                target.style.top = '0';
-                target.id = targetId;
-                document.body.append(target);
-        }
+  if (!target) {
+    target = document.createElement('textarea');
+    target.style.position = 'absolute';
+    target.style.left = '-9999px';
+    target.style.top = '0';
+    target.id = targetId;
+    document.body.append(target);
+  }
 
-        target.textContent = window.location.href;
+  target.textContent = window.location.href;
 
-        let currentFocus = document.activeElement;
+  const currentFocus = document.activeElement;
 
-        target.focus();
-        target.setSelectionRange(0, target.value.length);
+  target.focus();
+  target.setSelectionRange(0, target.value.length);
 
-        document.execCommand('copy');
+  document.execCommand('copy');
 
-        if(currentFocus && typeof currentFocus.focus === 'function') {
-                currentFocus.focus();
-        }
+  if (currentFocus && typeof currentFocus.focus === 'function') {
+    currentFocus.focus();
+  }
 }
diff --git a/recipes/hey/package.json b/recipes/hey/package.json
index 090dbaa..b7fb950 100644
--- a/recipes/hey/package.json
+++ b/recipes/hey/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hey",
   "name": "Hey",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "repository": "https://github.com/cpwood/recipe-hey",
   "config": {
     "serviceURL": "https://app.hey.com",
diff --git a/recipes/hey/webview.js b/recipes/hey/webview.js
index d0b885a..40d8a6e 100644
--- a/recipes/hey/webview.js
+++ b/recipes/hey/webview.js
@@ -1,11 +1,17 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    if (document.location.href == 'https://app.hey.com/') {
+    if (document.location.href === 'https://app.hey.com/') {
       let screener = 0;
       let unread = 0;
 
       if (document.querySelectorAll('.btn--icon-screener').length > 0) {
-        let text = document.querySelectorAll('.btn--icon-screener')[0]
+        const text = document.querySelectorAll('.btn--icon-screener')[0]
           .textContent;
         if (text) {
           const parsedText = Ferdium.safeParseInt(/\d+/.exec(text));
@@ -13,15 +19,12 @@ module.exports = Ferdium => {
         }
       }
 
-      let postings = document.querySelectorAll('.posting');
+      const postings = document.querySelectorAll('.posting');
 
       if (postings.length > 0) {
         for (const p of postings) {
-          if (
-            p.nodeName == 'ARTICLE' &&
-            p.dataset.seen !== 'true'
-          ) {
-            unread++;
+          if (p.nodeName === 'ARTICLE' && p.dataset.seen !== 'true') {
+            unread += 1;
           }
         }
       }
@@ -31,4 +34,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/hipchat/index.js b/recipes/hipchat/index.js
index ce3256b..e786bcb 100644
--- a/recipes/hipchat/index.js
+++ b/recipes/hipchat/index.js
@@ -1,27 +1,57 @@
-function _asyncToGenerator(fn) { return function () { const gen = Reflect.apply(fn, this, arguments); return new Promise((resolve, reject) => { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then((value) => { step('next', value); }, (error) => { step('throw', error); }); } } return step('next'); }); }; }
+function _asyncToGenerator(fn) {
+  return function () {
+    const gen = Reflect.apply(fn, this, arguments);
+    return new Promise((resolve, reject) => {
+      function step(key, arg) {
+        try {
+          var info = gen[key](arg);
+          var value = info.value;
+        } catch (error) {
+          reject(error);
+          return;
+        }
+        if (info.done) {
+          resolve(value);
+        } else {
+          // eslint-disable-next-line consistent-return
+          return Promise.resolve(value).then(
+            value => {
+              step('next', value);
+            },
+            error => {
+              step('throw', error);
+            },
+          );
+        }
+      }
+      return step('next');
+    });
+  };
+}
 
-module.exports = Ferdium => class HipChat extends Ferdium {
-  validateUrl(url) {
-    return _asyncToGenerator(function* () {
-      try {
-        const resp = yield window.fetch(`${url}/api/features`, {
-          method: 'GET',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-        });
-        const data = yield resp.json();
+module.exports = Ferdium =>
+  class HipChat extends Ferdium {
+    validateUrl(url) {
+      return _asyncToGenerator(function* () {
+        try {
+          const resp = yield window.fetch(`${url}/api/features`, {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+          });
+          const data = yield resp.json();
 
-        return Object.hasOwnProperty.call(data, 'features');
-      } catch (error) {
-        console.error(error);
-      }
+          return Object.hasOwnProperty.call(data, 'features');
+        } catch (error) {
+          console.error(error);
+        }
 
-      return false;
-    })();
-  }
+        return false;
+      })();
+    }
 
-  buildUrl(url) {
-    return `${url}/chat`;
-  }
-};
+    buildUrl(url) {
+      return `${url}/chat`;
+    }
+  };
diff --git a/recipes/hipchat/package.json b/recipes/hipchat/package.json
index 0be97cc..0f9f3f0 100644
--- a/recipes/hipchat/package.json
+++ b/recipes/hipchat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hipchat",
   "name": "HipChat",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.hipchat.com/chat",
diff --git a/recipes/hipchat/webview.js b/recipes/hipchat/webview.js
index 229b376..6871fbb 100644
--- a/recipes/hipchat/webview.js
+++ b/recipes/hipchat/webview.js
@@ -1,11 +1,21 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const directMessages = document.querySelectorAll('.hc-mention').length;
-    const allMessages = document.querySelectorAll('.aui-badge:not(.hc-mention)').length - directMessages;
+    const allMessages =
+      document.querySelectorAll('.aui-badge:not(.hc-mention)').length -
+      directMessages;
 
     // set Ferdium badge
     Ferdium.setBadge(directMessages, allMessages);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/home-assistant/package.json b/recipes/home-assistant/package.json
index 0a8ad6a..1613ed4 100644
--- a/recipes/home-assistant/package.json
+++ b/recipes/home-assistant/package.json
@@ -1,7 +1,7 @@
 {
   "id": "home-assistant",
   "name": "Home Assistant",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true,
diff --git a/recipes/home-assistant/webview.js b/recipes/home-assistant/webview.js
index 7a0ab47..aee42c0 100644
--- a/recipes/home-assistant/webview.js
+++ b/recipes/home-assistant/webview.js
@@ -1,12 +1,26 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const badges = document.querySelector("home-assistant").shadowRoot.querySelector("home-assistant-main").shadowRoot.querySelector("ha-sidebar").shadowRoot.querySelectorAll(".notification-badge");
+    const badges = document
+      .querySelector('home-assistant')
+      .shadowRoot.querySelector('home-assistant-main')
+      .shadowRoot.querySelector('ha-sidebar')
+      .shadowRoot.querySelectorAll('.notification-badge');
     if (badges.length > 0) {
-      var count = Ferdium.safeParseInt(badges[0].textContent.replace(/[^\p{N}]/gu, ''));
-      Ferdium.setBadge(count)
+      const count = Ferdium.safeParseInt(
+        badges[0].textContent.replaceAll(/[^\p{N}]/gu, ''),
+      );
+      Ferdium.setBadge(count);
     } else {
-      Ferdium.setBadge(0)
+      Ferdium.setBadge(0);
     }
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/hostnet/package.json b/recipes/hostnet/package.json
index 24487b8..f9391ab 100644
--- a/recipes/hostnet/package.json
+++ b/recipes/hostnet/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hostnet",
   "name": "Hostnet",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://appsuite.hostnet.nl/appsuite/"
diff --git a/recipes/hostnet/webview.js b/recipes/hostnet/webview.js
index 9a1266f..a2149d7 100644
--- a/recipes/hostnet/webview.js
+++ b/recipes/hostnet/webview.js
@@ -1,7 +1,20 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    Ferdium.setBadge(Ferdium.safeParseInt(document.querySelectorAll('.badge.topbar-launcherbadge')[0].firstChild.data));
+    Ferdium.setBadge(
+      Ferdium.safeParseInt(
+        document.querySelectorAll('.badge.topbar-launcherbadge')[0].firstChild
+          .data,
+      ),
+    );
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/hubstaff/package.json b/recipes/hubstaff/package.json
index 36a3d87..289ba18 100644
--- a/recipes/hubstaff/package.json
+++ b/recipes/hubstaff/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hubstaff",
   "name": "HubStaff",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.hubstaff.com/login_now",
diff --git a/recipes/hubstaff/webview.js b/recipes/hubstaff/webview.js
index c925f18..8527a4d 100644
--- a/recipes/hubstaff/webview.js
+++ b/recipes/hubstaff/webview.js
@@ -1,15 +1,29 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   // TODO: If your hubstaff service has unread messages, uncomment these lines to implement the logic for updating the badges
   const getMessages = () => {
     // TODO: Insert your notification-finding code here
     let directMessages = 0;
     let indirectMessages = 0;
-    const notificationContainers = document.querySelectorAll('.notifications-number');
-    if (notificationContainers){
-      directMessages = Ferdium.safeParseInt(notificationContainers[0].textContent);
-      indirectMessages = Ferdium.safeParseInt(notificationContainers[1].textContent);
+    const notificationContainers = document.querySelectorAll(
+      '.notifications-number',
+    );
+    if (notificationContainers) {
+      directMessages = Ferdium.safeParseInt(
+        notificationContainers[0].textContent,
+      );
+      indirectMessages = Ferdium.safeParseInt(
+        notificationContainers[1].textContent,
+      );
     }
     Ferdium.setBadge(directMessages, indirectMessages);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/iCloud/package.json b/recipes/iCloud/package.json
index 836e92a..997b575 100644
--- a/recipes/iCloud/package.json
+++ b/recipes/iCloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "iCloud",
   "name": "iCloud",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.icloud.com/"
diff --git a/recipes/iCloud/webview.js b/recipes/iCloud/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/iCloud/webview.js
+++ b/recipes/iCloud/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/iberbox/package.json b/recipes/iberbox/package.json
index 13e43c5..7f51810 100644
--- a/recipes/iberbox/package.json
+++ b/recipes/iberbox/package.json
@@ -1,7 +1,7 @@
 {
   "id": "iberbox",
   "name": "IberBox",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://iberbox.com/login"
diff --git a/recipes/iberbox/webview.js b/recipes/iberbox/webview.js
index 56a20b6..1119219 100644
--- a/recipes/iberbox/webview.js
+++ b/recipes/iberbox/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/icloud-reminders/package.json b/recipes/icloud-reminders/package.json
index 96d5dbd..7f8ff7c 100644
--- a/recipes/icloud-reminders/package.json
+++ b/recipes/icloud-reminders/package.json
@@ -1,7 +1,7 @@
 {
   "id": "icloud-reminders",
   "name": "iCloud Reminders",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.icloud.com/reminders"
diff --git a/recipes/icloud-reminders/webview.js b/recipes/icloud-reminders/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/icloud-reminders/webview.js
+++ b/recipes/icloud-reminders/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/icq/package.json b/recipes/icq/package.json
index 463711d..d3f5878 100644
--- a/recipes/icq/package.json
+++ b/recipes/icq/package.json
@@ -1,7 +1,7 @@
 {
   "id": "icq",
   "name": "ICQ",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/meetfranz/recipe-icq",
   "config": {
diff --git a/recipes/icq/webview.js b/recipes/icq/webview.js
index c0ba8e9..e5b4e60 100644
--- a/recipes/icq/webview.js
+++ b/recipes/icq/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directs = 0;
@@ -7,7 +13,7 @@ module.exports = Ferdium => {
     for (const element of elements) {
       if (
         Ferdium.safeParseInt(
-          element.textContent && element.textContent.replace(/[^\d.]/g, ''),
+          element.textContent && element.textContent.replaceAll(/[^\d.]/g, ''),
         ) > 0
       ) {
         directs += 1; // count 1 per channel with messages
@@ -18,4 +24,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/idobata/package.json b/recipes/idobata/package.json
index 17d488d..7421705 100644
--- a/recipes/idobata/package.json
+++ b/recipes/idobata/package.json
@@ -1,7 +1,7 @@
 {
   "id": "idobata",
   "name": "Idobata",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://idobata.io",
diff --git a/recipes/idobata/webview.js b/recipes/idobata/webview.js
index b6cbbe7..352b012 100644
--- a/recipes/idobata/webview.js
+++ b/recipes/idobata/webview.js
@@ -1,10 +1,18 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const title = document.querySelector('title').textContent.match(/\d+/);
-    const count = title !== null ? title[0] : 0;
+    const count = title === null ? 0 : title[0];
 
     Ferdium.setBadge(count);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/infomaniak-mail/package.json b/recipes/infomaniak-mail/package.json
index a90ce82..b3925f3 100644
--- a/recipes/infomaniak-mail/package.json
+++ b/recipes/infomaniak-mail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "infomaniak-mail",
   "name": "Infomaniak Mail",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.infomaniak.com/"
diff --git a/recipes/infomaniak-mail/webview.js b/recipes/infomaniak-mail/webview.js
index 23516b2..5af4d25 100644
--- a/recipes/infomaniak-mail/webview.js
+++ b/recipes/infomaniak-mail/webview.js
@@ -1,10 +1,18 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // This selects the first folder (the inbox and reads its unread messages count)
-    const inboxField = document.querySelector('.ws-tree-node-content')
+    const inboxField = document.querySelector('.ws-tree-node-content');
     const inboxCountField = inboxField.querySelector('.ws-tree-node-badge');
     const inboxCountText = inboxCountField ? inboxCountField.textContent : null;
-    const inboxCount = inboxCountText ? Ferdium.safeParseInt(inboxCountText) : 0;
+    const inboxCount = inboxCountText
+      ? Ferdium.safeParseInt(inboxCountText)
+      : 0;
 
     let unimportantCount = 0;
 
@@ -12,12 +20,18 @@ module.exports = Ferdium => {
       // This selects the first folder with an unread message count.
       // The actaul count and the total of all other folders is not needed as the badge has no number.
       const totalCountField = document.querySelector('.ws-tree-node-badge');
-      const totalCountText = totalCountField ? totalCountField.textContent : null;
-      unimportantCount = totalCountText ? Ferdium.safeParseInt(totalCountText) : 0;
+      const totalCountText = totalCountField
+        ? totalCountField.textContent
+        : null;
+      unimportantCount = totalCountText
+        ? Ferdium.safeParseInt(totalCountText)
+        : 0;
     }
 
     Ferdium.setBadge(inboxCount, unimportantCount);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/inoreader/package.json b/recipes/inoreader/package.json
index 7010ec2..9031b12 100644
--- a/recipes/inoreader/package.json
+++ b/recipes/inoreader/package.json
@@ -1,7 +1,7 @@
 {
   "id": "inoreader",
   "name": "Inoreader",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/annagrram/recipe-inoreader",
   "config": {
diff --git a/recipes/inoreader/webview.js b/recipes/inoreader/webview.js
index a6b2232..295d22b 100644
--- a/recipes/inoreader/webview.js
+++ b/recipes/inoreader/webview.js
@@ -1,4 +1,10 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const all_articles = document.querySelector('#unread_cnt_all_items');
     if (!all_articles) return;
@@ -8,4 +14,6 @@ module.exports = (Ferdium) => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/instagram-direct-messages/index.js b/recipes/instagram-direct-messages/index.js
index bfa1949..f0ebebe 100644
--- a/recipes/instagram-direct-messages/index.js
+++ b/recipes/instagram-direct-messages/index.js
@@ -1,7 +1,9 @@
-"use strict";
-
-module.exports = Ferdium => class Messenger extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)(\S+\s)/g, '');
-  }
-};
+module.exports = Ferdium =>
+  class Messenger extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent.replaceAll(
+        /(Ferdium|Electron)(\S+\s)/g,
+        '',
+      );
+    }
+  };
diff --git a/recipes/instagram-direct-messages/package.json b/recipes/instagram-direct-messages/package.json
index 927a92a..20ea5b5 100644
--- a/recipes/instagram-direct-messages/package.json
+++ b/recipes/instagram-direct-messages/package.json
@@ -1,7 +1,7 @@
 {
   "id": "instagram-direct-messages",
   "name": "Instagram Direct Messages",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
       "serviceURL": "https://www.instagram.com/direct/inbox/",
diff --git a/recipes/instagram-direct-messages/webview.js b/recipes/instagram-direct-messages/webview.js
index a59013a..01187b8 100644
--- a/recipes/instagram-direct-messages/webview.js
+++ b/recipes/instagram-direct-messages/webview.js
@@ -1,21 +1,21 @@
-"use strict";
-
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 setInterval(() => {
-  document.querySelector("._lz6s.Hz2lF").style.display = "none";
-  document.querySelector(".t30g8.L1C6I").style.paddingTop = 0;
-  document.querySelector(".i0EQd").style.maxWidth = 'unset !important';
+  document.querySelector('._lz6s.Hz2lF').style.display = 'none';
+  document.querySelector('.t30g8.L1C6I').style.paddingTop = 0;
+  document.querySelector('.i0EQd').style.maxWidth = 'unset !important';
 }, 3000);
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   const getMessages = () => {
     const element = document.querySelector('a[href^="/direct/inbox"]');
-    Ferdium.setBadge(element.textContent ? Ferdium.safeParseInt(element.textContent) : 0);
+    Ferdium.setBadge(
+      element.textContent ? Ferdium.safeParseInt(element.textContent) : 0,
+    );
   };
 
   Ferdium.loop(getMessages);
diff --git a/recipes/instagram/index.js b/recipes/instagram/index.js
index d8beaa5..17de727 100644
--- a/recipes/instagram/index.js
+++ b/recipes/instagram/index.js
@@ -1,5 +1,8 @@
-module.exports = Ferdium => class Instagram extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Instagram extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/instagram/package.json b/recipes/instagram/package.json
index beb7ce0..5c798f3 100644
--- a/recipes/instagram/package.json
+++ b/recipes/instagram/package.json
@@ -1,7 +1,7 @@
 {
   "id": "instagram",
   "name": "Instagram",
-  "version": "2.4.2",
+  "version": "2.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://instagram.com/direct/inbox",
diff --git a/recipes/instagram/webview.js b/recipes/instagram/webview.js
index c2a8433..a4a5a8a 100644
--- a/recipes/instagram/webview.js
+++ b/recipes/instagram/webview.js
@@ -1,48 +1,41 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const element = document.querySelector('a[href^="/direct/inbox"]');
-    Ferdium.setBadge(element.textContent ? Ferdium.safeParseInt(element.textContent) : 0);
+    Ferdium.setBadge(
+      element.textContent ? Ferdium.safeParseInt(element.textContent) : 0,
+    );
   };
 
   Ferdium.loop(getMessages);
 
   // https://github.com/ferdium/ferdium-recipes/blob/9d715597a600710c20f75412d3dcd8cdb7b3c39e/docs/frontend_api.md#usage-4
   // Helper that activates DarkReader and injects your darkmode.css at the same time
-  Ferdium.handleDarkMode((isEnabled) => {
-
-    var url = new URL(window.location.href);
-    var searchParams = url.searchParams;
-    var isDarkModeParam = searchParams.get('theme');
-    var changedParams = false;
+  Ferdium.handleDarkMode(isEnabled => {
+    const url = new URL(window.location.href);
+    const { searchParams } = url;
+    const isDarkModeParam = searchParams.get('theme');
+    let changedParams = false;
 
     if (isEnabled) {
-      isDarkModeParam ? null :
-        (
-          searchParams.set('theme', 'dark'),
-          changedParams = true
-        );
+      isDarkModeParam
+        ? null
+        : (searchParams.set('theme', 'dark'), (changedParams = true));
     } else {
-      isDarkModeParam ?
-        (
-          searchParams.delete('theme', 'dark'),
-          changedParams = true
-        )
-      : null;
+      isDarkModeParam
+        ? (searchParams.delete('theme', 'dark'), (changedParams = true))
+        : null;
     }
 
-    changedParams ?
-      (
-        url.search = searchParams.toString(),
-        window.location.href = url.toString()
-      )
-    : null;
-
+    changedParams
+      ? ((url.search = searchParams.toString()),
+        (window.location.href = url.toString()))
+      : null;
   });
 
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
diff --git a/recipes/intercom/package.json b/recipes/intercom/package.json
index f863184..c483ae2 100644
--- a/recipes/intercom/package.json
+++ b/recipes/intercom/package.json
@@ -1,7 +1,7 @@
 {
   "id": "intercom",
   "name": "Intercom",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.intercom.io/",
diff --git a/recipes/intercom/webview.js b/recipes/intercom/webview.js
index 69ba2f6..08225a8 100644
--- a/recipes/intercom/webview.js
+++ b/recipes/intercom/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const numMessages = Ferdium.safeParseInt(
@@ -9,4 +15,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/irccloud/package.json b/recipes/irccloud/package.json
index 8420757..bd96866 100644
--- a/recipes/irccloud/package.json
+++ b/recipes/irccloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "irccloud",
   "name": "IRCCloud",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/albertomurillo/recipe-irccloud",
   "config": {
diff --git a/recipes/irccloud/webview.js b/recipes/irccloud/webview.js
index c70e8f6..16d1519 100644
--- a/recipes/irccloud/webview.js
+++ b/recipes/irccloud/webview.js
@@ -1,10 +1,22 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const directMessages = document.querySelectorAll('.buffer.conversation.active.unread.activeBadge').length;
-    const indirectMessages = document.querySelectorAll('.buffer.channel.active.unread').length;
+    const directMessages = document.querySelectorAll(
+      '.buffer.conversation.active.unread.activeBadge',
+    ).length;
+    const indirectMessages = document.querySelectorAll(
+      '.buffer.channel.active.unread',
+    ).length;
 
     Ferdium.setBadge(directMessages, indirectMessages);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/iris-messenger/package.json b/recipes/iris-messenger/package.json
index 92cce54..7b46719 100644
--- a/recipes/iris-messenger/package.json
+++ b/recipes/iris-messenger/package.json
@@ -1,7 +1,7 @@
 {
   "id": "iris-messenger",
   "name": "Iris Messenger",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://iris.to"
diff --git a/recipes/iris-messenger/webview.js b/recipes/iris-messenger/webview.js
index 100aaf8..5aef124 100644
--- a/recipes/iris-messenger/webview.js
+++ b/recipes/iris-messenger/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
@@ -8,4 +14,6 @@ module.exports = Ferdium => {
     Ferdium.setBadge(count);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/jira/index.js b/recipes/jira/index.js
index ba77d96..e625d83 100644
--- a/recipes/jira/index.js
+++ b/recipes/jira/index.js
@@ -1,5 +1,8 @@
-module.exports = (Ferdium) => class Jira extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Jira extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/jira/package.json b/recipes/jira/package.json
index 7cc0aa5..1b88dee 100644
--- a/recipes/jira/package.json
+++ b/recipes/jira/package.json
@@ -1,7 +1,7 @@
 {
   "id": "jira",
   "name": "Jira",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.atlassian.net",
diff --git a/recipes/jira/webview.js b/recipes/jira/webview.js
index 1859067..4264076 100644
--- a/recipes/jira/webview.js
+++ b/recipes/jira/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // get unread messages
@@ -8,4 +14,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/jitsi/index.js b/recipes/jitsi/index.js
index 5f22c17..7b8486c 100644
--- a/recipes/jitsi/index.js
+++ b/recipes/jitsi/index.js
@@ -1,5 +1,8 @@
-module.exports = Ferdium => class Jitsi extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Jitsi extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/jitsi/package.json b/recipes/jitsi/package.json
index 0e4cf90..4842791 100644
--- a/recipes/jitsi/package.json
+++ b/recipes/jitsi/package.json
@@ -1,7 +1,7 @@
 {
   "id": "jitsi",
   "name": "Jitsi Meet",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/sampathBlam/ferdi-jitsi",
   "config": {
diff --git a/recipes/jitsi/webview.js b/recipes/jitsi/webview.js
index 6e0e1e9..847624e 100644
--- a/recipes/jitsi/webview.js
+++ b/recipes/jitsi/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 const NOTIFICATION_BADGE_CLASS = '.badge-round';
 
 module.exports = Ferdium => {
@@ -12,4 +18,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/jollor/package.json b/recipes/jollor/package.json
index 6a1aba6..9d7255a 100644
--- a/recipes/jollor/package.json
+++ b/recipes/jollor/package.json
@@ -1,7 +1,7 @@
 {
   "id": "jollor",
   "name": "jollor",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://jollor.com",
diff --git a/recipes/jollor/webview.js b/recipes/jollor/webview.js
index 24a963d..fae58cb 100644
--- a/recipes/jollor/webview.js
+++ b/recipes/jollor/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const count = document.querySelector(
diff --git a/recipes/kaizala/index.js b/recipes/kaizala/index.js
index 425683a..0f18b4f 100644
--- a/recipes/kaizala/index.js
+++ b/recipes/kaizala/index.js
@@ -1,5 +1,8 @@
-module.exports = (Ferdium) => class Messenger extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Messenger extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/kaizala/package.json b/recipes/kaizala/package.json
index 8ce9a08..c4b83d8 100644
--- a/recipes/kaizala/package.json
+++ b/recipes/kaizala/package.json
@@ -1,7 +1,7 @@
 {
   "id": "kaizala",
   "name": "Microsoft Kaizala",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/meetfranz/recipe-microsoft-kaizala",
   "config": {
diff --git a/recipes/kaizala/webview.js b/recipes/kaizala/webview.js
index 7ac231e..df8897e 100644
--- a/recipes/kaizala/webview.js
+++ b/recipes/kaizala/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const count = document.querySelectorAll('.unseen-msg-count').length;
@@ -5,4 +11,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/keepervault/package.json b/recipes/keepervault/package.json
index e13d331..a142abe 100644
--- a/recipes/keepervault/package.json
+++ b/recipes/keepervault/package.json
@@ -1,7 +1,7 @@
 {
   "id": "keepervault",
   "name": "Keeper Vault",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://keepersecurity.eu/vault/#"
diff --git a/recipes/keepervault/webview.js b/recipes/keepervault/webview.js
index 56a20b6..1119219 100644
--- a/recipes/keepervault/webview.js
+++ b/recipes/keepervault/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/keybase.io/package.json b/recipes/keybase.io/package.json
index 414a0ce..b1664cd 100644
--- a/recipes/keybase.io/package.json
+++ b/recipes/keybase.io/package.json
@@ -1,7 +1,7 @@
 {
   "id": "keybase.io",
   "name": "Keybase",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://keybase.io/login",
diff --git a/recipes/keybase.io/webview.js b/recipes/keybase.io/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/keybase.io/webview.js
+++ b/recipes/keybase.io/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/kimaicloud/package.json b/recipes/kimaicloud/package.json
index 76319f2..d37135d 100644
--- a/recipes/kimaicloud/package.json
+++ b/recipes/kimaicloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "kimaicloud",
   "name": "Kimai Cloud",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "repository": "https://github.com/kimai-cloud/recipe-kimaicloud",
   "config": {
diff --git a/recipes/kimaicloud/webview.js b/recipes/kimaicloud/webview.js
index 2855aa2..90ff710 100644
--- a/recipes/kimaicloud/webview.js
+++ b/recipes/kimaicloud/webview.js
@@ -1,9 +1,17 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
 
     // get amount of running timesheets
-    const label = document.querySelector('.main-header .navbar .dropdown.messages-menu .ticktac span.label');
+    const label = document.querySelector(
+      '.main-header .navbar .dropdown.messages-menu .ticktac span.label',
+    );
     if (label !== undefined) {
       count = Ferdium.safeParseInt(label.textContent);
     }
@@ -12,7 +20,7 @@ module.exports = (Ferdium) => {
     Ferdium.setBadge(count);
   };
 
-  document.addEventListener('click', (e) => {
+  document.addEventListener('click', e => {
     const { tagName, target, href } = e.target;
 
     if (tagName === 'A' && target === '_blank') {
@@ -23,4 +31,6 @@ module.exports = (Ferdium) => {
   });
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/kiwiirc/package.json b/recipes/kiwiirc/package.json
index 9c0b7b7..1e1adfd 100644
--- a/recipes/kiwiirc/package.json
+++ b/recipes/kiwiirc/package.json
@@ -1,7 +1,7 @@
 {
   "id": "kiwiirc",
   "name": "KiwiIRC",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://kiwiirc.com/nextclient/",
diff --git a/recipes/kiwiirc/webview.js b/recipes/kiwiirc/webview.js
index 0c362f0..ef6c930 100644
--- a/recipes/kiwiirc/webview.js
+++ b/recipes/kiwiirc/webview.js
@@ -1,28 +1,33 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = function getMessages() {
     // eslint-disable-next-line no-undef
     const unreadChannelsCount = kiwi.state.networks.reduce((count, network) => {
+      // eslint-disable-next-line no-param-reassign
       return (count += network.buffers.filter(buffer => {
         return !buffer.name.startsWith('*') && buffer.flags.unread !== 0;
       }).length);
     }, 0);
 
     // eslint-disable-next-line no-undef
-    const mentionedChannelsCount = kiwi.state.networks.reduce((count, network) => {
-      return (count += network.buffers.filter(buffer => {
-        return (
-          !buffer.name.startsWith('*') &&
-          buffer.flags.unread !== 0 &&
-          buffer.flags.highlight
-        );
-      }).length);
-    }, 0);
+    const mentionedChannelsCount = kiwi.state.networks.reduce(
+      (count, network) => {
+        // eslint-disable-next-line no-param-reassign
+        return (count += network.buffers.filter(buffer => {
+          return (
+            !buffer.name.startsWith('*') &&
+            buffer.flags.unread !== 0 &&
+            buffer.flags.highlight
+          );
+        }).length);
+      },
+      0,
+    );
 
     // set Ferdium badges
     Ferdium.setBadge(mentionedChannelsCount, unreadChannelsCount);
diff --git a/recipes/lark/package.json b/recipes/lark/package.json
index d92f6c0..43ed964 100644
--- a/recipes/lark/package.json
+++ b/recipes/lark/package.json
@@ -1,7 +1,7 @@
 {
   "id": "lark",
   "name": "Lark",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.larksuite.com/messenger/",
diff --git a/recipes/lark/webview.js b/recipes/lark/webview.js
index 6dd561b..1d41e1d 100644
--- a/recipes/lark/webview.js
+++ b/recipes/lark/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const ele = document.querySelectorAll(
diff --git a/recipes/lastpass/index.js b/recipes/lastpass/index.js
index 8cf6ec6..0f18b4f 100644
--- a/recipes/lastpass/index.js
+++ b/recipes/lastpass/index.js
@@ -1,5 +1,8 @@
-module.exports = Ferdium => class Messenger extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Messenger extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/lastpass/package.json b/recipes/lastpass/package.json
index 8e1efdb..d484136 100644
--- a/recipes/lastpass/package.json
+++ b/recipes/lastpass/package.json
@@ -1,7 +1,7 @@
 {
   "id": "lastpass",
   "name": "LastPass",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://lastpass.com/?ac=1&lpnorefresh=1",
diff --git a/recipes/lastpass/webview.js b/recipes/lastpass/webview.js
index 6287964..978e7ce 100644
--- a/recipes/lastpass/webview.js
+++ b/recipes/lastpass/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 setTimeout(() => {
   if (
     document.querySelector('body').textContent.includes('Google Chrome 36+')
diff --git a/recipes/lemmy/package.json b/recipes/lemmy/package.json
index ccf2847..1057812 100644
--- a/recipes/lemmy/package.json
+++ b/recipes/lemmy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "lemmy",
   "name": "Lemmy",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "aliases": [],
   "config": {
diff --git a/recipes/lemmy/webview.js b/recipes/lemmy/webview.js
index dd41f72..1119219 100644
--- a/recipes/lemmy/webview.js
+++ b/recipes/lemmy/webview.js
@@ -1 +1,9 @@
-module.exports = Ferdium => Ferdium;
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/linear/index.js b/recipes/linear/index.js
index 244fe33..dd41f72 100644
--- a/recipes/linear/index.js
+++ b/recipes/linear/index.js
@@ -1 +1 @@
-module.exports = (Ferdium) => Ferdium;
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/linear/package.json b/recipes/linear/package.json
index da57697..e29e0dd 100644
--- a/recipes/linear/package.json
+++ b/recipes/linear/package.json
@@ -1,7 +1,7 @@
 {
   "id": "linear",
   "name": "Linear",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://linear.app"
diff --git a/recipes/linear/webview.js b/recipes/linear/webview.js
index 63ff9c4..1119219 100644
--- a/recipes/linear/webview.js
+++ b/recipes/linear/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require("path"));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
-module.exports = (Ferdium) => {
-  Ferdium.injectCSS(_path.default.join(__dirname, "service.css"));
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/lineworks/package.json b/recipes/lineworks/package.json
index a830544..ef6fddd 100644
--- a/recipes/lineworks/package.json
+++ b/recipes/lineworks/package.json
@@ -1,7 +1,7 @@
 {
   "id": "lineworks",
   "name": "Line Works",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "hasIndirectMessages": true,
diff --git a/recipes/lineworks/webview.js b/recipes/lineworks/webview.js
index 41683ef..1706418 100644
--- a/recipes/lineworks/webview.js
+++ b/recipes/lineworks/webview.js
@@ -1,19 +1,21 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const elements = document.querySelectorAll(
       'div#chat_list > ul#chat_grp_lst > li#item_chat > dl#chat_count > span#new',
     );
-    let count = elements[0] ? count = Ferdium.safeParseInt(elements[0].textContent): 0;
+    let count = elements[0]
+      ? (count = Ferdium.safeParseInt(elements[0].textContent))
+      : 0;
 
     Ferdium.setBadge(count);
   };
   Ferdium.loop(getMessages);
 
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-}
+};
diff --git a/recipes/linkedin/package.json b/recipes/linkedin/package.json
index a6b9042..0a15f7c 100644
--- a/recipes/linkedin/package.json
+++ b/recipes/linkedin/package.json
@@ -1,7 +1,7 @@
 {
   "id": "linkedin",
   "name": "LinkedIn",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.linkedin.com/messaging"
diff --git a/recipes/linkedin/webview.js b/recipes/linkedin/webview.js
index b4180e4..f09170c 100644
--- a/recipes/linkedin/webview.js
+++ b/recipes/linkedin/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
@@ -19,4 +25,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/localazy/package.json b/recipes/localazy/package.json
index daec11f..1b2d722 100644
--- a/recipes/localazy/package.json
+++ b/recipes/localazy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "localazy",
   "name": "Localazy",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://localazy.com/my/dashboard"
diff --git a/recipes/localazy/webview.js b/recipes/localazy/webview.js
index 56a20b6..1119219 100644
--- a/recipes/localazy/webview.js
+++ b/recipes/localazy/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/magic-level/package.json b/recipes/magic-level/package.json
index e36c097..d027f10 100644
--- a/recipes/magic-level/package.json
+++ b/recipes/magic-level/package.json
@@ -1,7 +1,7 @@
 {
   "id": "magic-level",
   "name": "Magic Level",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://magiclevel.ml"
diff --git a/recipes/magic-level/webview.js b/recipes/magic-level/webview.js
index d39c90d..d757e8b 100644
--- a/recipes/magic-level/webview.js
+++ b/recipes/magic-level/webview.js
@@ -1,32 +1,31 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
-  
   const getMessages = () => {
     let countImportant = 0;
     let countNonImportant = 0;
     const inboxLinks = document.querySelectorAll('.J-Ke.n0');
     if (inboxLinks.length > 0) {
-      let parentNode = inboxLinks[0].parentNode;
+      const { parentNode } = inboxLinks[0];
       if (parentNode) {
-        let parentNodeOfParentNode = parentNode.parentNode;
+        const parentNodeOfParentNode = parentNode.parentNode;
         if (parentNodeOfParentNode) {
           const unreadCounts = parentNodeOfParentNode.querySelectorAll('.bsU');
           if (unreadCounts.length > 0) {
-            let unreadCount = unreadCounts[0].textContent;
+            const unreadCount = unreadCounts[0].textContent;
             if (unreadCount.includes(':')) {
-              let counts = unreadCount
+              const counts = unreadCount
                 .split(':')
-                .map(s => Ferdium.safeParseInt(s.replace(/[^\p{N}]/gu, '')));
+                .map(s => Ferdium.safeParseInt(s.replaceAll(/[^\p{N}]/gu, '')));
               countImportant = counts[0];
               countNonImportant = counts[1] - counts[0];
             } else {
               countImportant = Ferdium.safeParseInt(
-                unreadCount.replace(/[^\p{N}]/gu, ''),
+                unreadCount.replaceAll(/[^\p{N}]/gu, ''),
               );
             }
           }
diff --git a/recipes/mailbox.org/package.json b/recipes/mailbox.org/package.json
index 5d320d7..d7c2851 100644
--- a/recipes/mailbox.org/package.json
+++ b/recipes/mailbox.org/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mailbox.org",
   "name": "Mailbox.org",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://office.mailbox.org/appsuite/#!!&app=io.ox/portal"
diff --git a/recipes/mailbox.org/webview.js b/recipes/mailbox.org/webview.js
index 68ab707..889f6c4 100644
--- a/recipes/mailbox.org/webview.js
+++ b/recipes/mailbox.org/webview.js
@@ -1,4 +1,10 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const count = document.querySelectorAll('.new-item').length;
 
@@ -6,4 +12,6 @@ module.exports = (Ferdium) => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mailfence/package.json b/recipes/mailfence/package.json
index 7c9e98d..8cd6a62 100644
--- a/recipes/mailfence/package.json
+++ b/recipes/mailfence/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mailfence",
   "name": "Mailfence",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": "https://github.com/hafiz-muhammad/ferdium-recipes",
   "config": {
diff --git a/recipes/mailfence/webview.js b/recipes/mailfence/webview.js
index 309f4e8..75229fc 100644
--- a/recipes/mailfence/webview.js
+++ b/recipes/mailfence/webview.js
@@ -1,27 +1,20 @@
-const _path = _interopRequireDefault(require('path'));
-
-function _interopRequireDefault(obj)
-{
-        return obj && obj.__esModule ? obj :
-        {
-                default: obj
-        };
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
 }
 
-module.exports = Ferdium =>
-{
-        const getMessages = () =>
-        {
-                let unreadCount = 0;
-                for (const counterElement of document.querySelectorAll('.GCSDBRWBMXB'))
-                {
-                        const unreadCounter = Ferdium.safeParseInt(counterElement.textContent);
-                        unreadCount = Math.max(unreadCount, unreadCounter);
-                }
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  const getMessages = () => {
+    let unreadCount = 0;
+    for (const counterElement of document.querySelectorAll('.GCSDBRWBMXB')) {
+      const unreadCounter = Ferdium.safeParseInt(counterElement.textContent);
+      unreadCount = Math.max(unreadCount, unreadCounter);
+    }
 
-                Ferdium.setBadge(unreadCount);
-        };
-        Ferdium.loop(getMessages);
+    Ferdium.setBadge(unreadCount);
+  };
+  Ferdium.loop(getMessages);
 
-        Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/mastodon/package.json b/recipes/mastodon/package.json
index 7371494..24f0ea6 100644
--- a/recipes/mastodon/package.json
+++ b/recipes/mastodon/package.json
@@ -1,7 +1,7 @@
 {
   "name": "Mastodon",
   "id": "mastodon",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mastodon.social",
diff --git a/recipes/mastodon/webview.js b/recipes/mastodon/webview.js
index e34f284..0259d7f 100644
--- a/recipes/mastodon/webview.js
+++ b/recipes/mastodon/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   let latestStatement = $('.status time').attr('datetime');
   let latestNotify = $($('.notification__message span').get(0)).text();
@@ -12,12 +18,12 @@ module.exports = Ferdium => {
   const getMessages = () => {
     let reply = 0;
     const ln = $($('.notification__message span').get(0)).text();
-    if (ln != latestNotify) {
+    if (ln !== latestNotify) {
       reply = 1;
     }
     let unread = 0;
     const ls = $('.status time').attr('datetime');
-    if (ls != latestStatement) {
+    if (ls !== latestStatement) {
       unread = 1;
     }
 
@@ -25,4 +31,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mattermost/index.js b/recipes/mattermost/index.js
index fca10e1..74ab2ee 100644
--- a/recipes/mattermost/index.js
+++ b/recipes/mattermost/index.js
@@ -1,17 +1,18 @@
-module.exports = Ferdium => class Mattermost extends Ferdium {
-  async validateUrl(url) {
-    try {
-      const resp = await window.fetch(url, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-      });
-      return resp.status.toString().startsWith('2');
-    } catch (error) {
-      console.error(error);
-    }
+module.exports = Ferdium =>
+  class Mattermost extends Ferdium {
+    async validateUrl(url) {
+      try {
+        const resp = await window.fetch(url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        });
+        return resp.status.toString().startsWith('2');
+      } catch (error) {
+        console.error(error);
+      }
 
-    return false;
-  }
-};
+      return false;
+    }
+  };
diff --git a/recipes/mattermost/package.json b/recipes/mattermost/package.json
index 457973d..cbdcbda 100644
--- a/recipes/mattermost/package.json
+++ b/recipes/mattermost/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mattermost",
   "name": "Mattermost",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "hasNotificationSound": true,
diff --git a/recipes/mattermost/webview.js b/recipes/mattermost/webview.js
index 32e990e..716848e 100644
--- a/recipes/mattermost/webview.js
+++ b/recipes/mattermost/webview.js
@@ -1,22 +1,45 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
-  const DIRECT_MESSAGES_INDIVIDUAL = '#sidebar-left .unread-title .DirectChannel__profile-picture';
+  const DIRECT_MESSAGES_INDIVIDUAL =
+    '#sidebar-left .unread-title .DirectChannel__profile-picture';
   const DIRECT_MESSAGES_GROUP = '#sidebar-left .unread-title .status--group';
   const DIRECT_MESSAGES_LEGACY = '.sidebar--left .has-badge .badge';
   const ALL_MESSAGES = '#sidebar-left .unread-title';
   const ALL_MESSAGES_LEGACY = '#sidebar-left .unread-title';
 
   const getMessages = () => {
-    const directMessagesSelector = [DIRECT_MESSAGES_LEGACY, DIRECT_MESSAGES_INDIVIDUAL, DIRECT_MESSAGES_GROUP].join(', ');
-    const directMessages = document.querySelectorAll(directMessagesSelector).length;
+    const directMessagesSelector = [
+      DIRECT_MESSAGES_LEGACY,
+      DIRECT_MESSAGES_INDIVIDUAL,
+      DIRECT_MESSAGES_GROUP,
+    ].join(', ');
+    const directMessages = document.querySelectorAll(
+      directMessagesSelector,
+    ).length;
 
     const allMessagesSelector = [ALL_MESSAGES, ALL_MESSAGES_LEGACY].join(', ');
-    const allMessages = document.querySelectorAll(allMessagesSelector).length - directMessages;
+    const allMessages =
+      document.querySelectorAll(allMessagesSelector).length - directMessages;
 
-    const teamDirectMessages = document.querySelectorAll('.team-wrapper .team-container .badge').length;
-    const teamMessages = document.querySelectorAll('.team-wrapper .unread').length - teamDirectMessages;
+    const teamDirectMessages = document.querySelectorAll(
+      '.team-wrapper .team-container .badge',
+    ).length;
+    const teamMessages =
+      document.querySelectorAll('.team-wrapper .unread').length -
+      teamDirectMessages;
 
-    Ferdium.setBadge(directMessages + teamDirectMessages, allMessages + teamMessages);
+    Ferdium.setBadge(
+      directMessages + teamDirectMessages,
+      allMessages + teamMessages,
+    );
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/medium/package.json b/recipes/medium/package.json
index 54608d1..1dc5631 100644
--- a/recipes/medium/package.json
+++ b/recipes/medium/package.json
@@ -1,7 +1,7 @@
 {
   "id": "medium",
   "name": "Medium",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://medium.com"
diff --git a/recipes/medium/webview.js b/recipes/medium/webview.js
index 56a20b6..1119219 100644
--- a/recipes/medium/webview.js
+++ b/recipes/medium/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/meetup/package.json b/recipes/meetup/package.json
index 42afa9b..468d800 100644
--- a/recipes/meetup/package.json
+++ b/recipes/meetup/package.json
@@ -1,7 +1,7 @@
 {
   "id": "meetup",
   "name": "Meetup",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://meetup.com",
diff --git a/recipes/meetup/webview.js b/recipes/meetup/webview.js
index 1ddb5fd..a5c7a88 100644
--- a/recipes/meetup/webview.js
+++ b/recipes/meetup/webview.js
@@ -1,8 +1,16 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    const hasNotifications = document.querySelector(".counterBadge");
+    const hasNotifications = document.querySelector('.counterBadge');
 
     Ferdium.setBadge(0, hasNotifications ? 1 : 0);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/messenger/index.js b/recipes/messenger/index.js
index 425683a..0f18b4f 100644
--- a/recipes/messenger/index.js
+++ b/recipes/messenger/index.js
@@ -1,5 +1,8 @@
-module.exports = (Ferdium) => class Messenger extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Messenger extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/messenger/package.json b/recipes/messenger/package.json
index 2e8bdec..3b5783c 100644
--- a/recipes/messenger/package.json
+++ b/recipes/messenger/package.json
@@ -1,7 +1,7 @@
 {
   "id": "messenger",
   "name": "Messenger",
-  "version": "1.7.7",
+  "version": "1.8.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://messenger.com",
diff --git a/recipes/messenger/webview.js b/recipes/messenger/webview.js
index 7fc8ed6..39ea098 100644
--- a/recipes/messenger/webview.js
+++ b/recipes/messenger/webview.js
@@ -1,10 +1,16 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 function hideInstallMessage() {
   const installMessage = document.querySelector('.usczdcwk');
   if (installMessage) {
     installMessage.style.display =
-      installMessage.style.display != 'none'
-        ? 'none'
-        : installMessage.style.display;
+      installMessage.style.display === 'none'
+        ? installMessage.style.display
+        : 'none';
   }
 }
 
@@ -17,7 +23,9 @@ module.exports = Ferdium => {
      * try the counting with the new UI
      */
     for (let href of ['/', '/requests/', '/marketplace/']) {
-      const elem = document.querySelector(`a[href^='${href}t/'][role='link'][tabindex='0']`).ariaLabel;
+      const elem = document.querySelector(
+        `a[href^='${href}t/'][role='link'][tabindex='0']`,
+      ).ariaLabel;
       if (elem) {
         newMessengerUI = true;
         const match = elem.match(/(\d+)/g);
@@ -31,18 +39,26 @@ module.exports = Ferdium => {
      * do the old counting if the interface is not the last one
      */
     if (!newMessengerUI) {
-      count = [...document.querySelectorAll('.bp9cbjyn.j83agx80.owycx6da:not(.btwxx1t3)')]
+      count = [
+        ...document.querySelectorAll(
+          '.bp9cbjyn.j83agx80.owycx6da:not(.btwxx1t3)',
+        ),
+      ]
         .map(elem => {
-          const hasPing = !!elem.querySelector('.pq6dq46d.is6700om.qu0x051f.esr5mh6w.e9989ue4.r7d6kgcz.s45kfl79.emlxlaya.bkmhp75w.spb7xbtv.cyypbtt7.fwizqjfa');
-          const isMuted = !!elem.querySelector('.a8c37x1j.ms05siws.l3qrxjdp.b7h9ocf4.trssfv1o');
+          const hasPing = !!elem.querySelector(
+            '.pq6dq46d.is6700om.qu0x051f.esr5mh6w.e9989ue4.r7d6kgcz.s45kfl79.emlxlaya.bkmhp75w.spb7xbtv.cyypbtt7.fwizqjfa',
+          );
+          const isMuted = !!elem.querySelector(
+            '.a8c37x1j.ms05siws.l3qrxjdp.b7h9ocf4.trssfv1o',
+          );
 
           return hasPing && !isMuted;
         })
         .reduce((prev, curr) => prev + curr, 0);
 
       /*
-        * add count of message requests on top of notification counter
-        */
+       * add count of message requests on top of notification counter
+       */
       const messageRequestsElement = document.querySelector('._5nxf');
       if (messageRequestsElement) {
         count += Ferdium.safeParseInt(messageRequestsElement.textContent);
@@ -59,6 +75,8 @@ module.exports = Ferdium => {
 
   Ferdium.loop(loopRoutine);
 
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
   localStorage.setItem(
     '_cs_desktopNotifsEnabled',
     JSON.stringify({
diff --git a/recipes/meta-business-suite/package.json b/recipes/meta-business-suite/package.json
index fac1ae4..8b807f9 100644
--- a/recipes/meta-business-suite/package.json
+++ b/recipes/meta-business-suite/package.json
@@ -1,7 +1,7 @@
 {
   "id": "meta-business-suite",
   "name": "Meta Business Suite",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://business.facebook.com"
diff --git a/recipes/meta-business-suite/webview.js b/recipes/meta-business-suite/webview.js
index 56a20b6..1119219 100644
--- a/recipes/meta-business-suite/webview.js
+++ b/recipes/meta-business-suite/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mewe/package.json b/recipes/mewe/package.json
index 0277666..87cfb71 100644
--- a/recipes/mewe/package.json
+++ b/recipes/mewe/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mewe",
   "name": "MeWe",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mewe.com/chat",
diff --git a/recipes/mewe/webview.js b/recipes/mewe/webview.js
index 0434d1c..314e9bb 100644
--- a/recipes/mewe/webview.js
+++ b/recipes/mewe/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const calculateTotalDirectMessages = () =>
     [...document.querySelectorAll('.chats-list-element')]
@@ -15,5 +15,6 @@ module.exports = Ferdium => {
       .reduce((curr, prev) => curr + prev, 0);
 
   Ferdium.loop(() => Ferdium.setBadge(calculateTotalDirectMessages()));
+
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/miro/package.json b/recipes/miro/package.json
index 18adc17..8c088c7 100644
--- a/recipes/miro/package.json
+++ b/recipes/miro/package.json
@@ -1,7 +1,7 @@
 {
     "id": "miro",
     "name": "Miro",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "license": "MIT",
     "config": {
         "serviceURL": "https://miro.com/app/dashboard/"
diff --git a/recipes/miro/webview.js b/recipes/miro/webview.js
index 56a20b6..1119219 100644
--- a/recipes/miro/webview.js
+++ b/recipes/miro/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mirotalk-bro/index.js b/recipes/mirotalk-bro/index.js
index 3b384eb..dd41f72 100644
--- a/recipes/mirotalk-bro/index.js
+++ b/recipes/mirotalk-bro/index.js
@@ -1,3 +1 @@
-"use strict";
-
 module.exports = Ferdium => Ferdium;
diff --git a/recipes/mirotalk-bro/package.json b/recipes/mirotalk-bro/package.json
index 509d4c7..67d0cab 100644
--- a/recipes/mirotalk-bro/package.json
+++ b/recipes/mirotalk-bro/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mirotalk-bro",
   "name": "MiroTalk Live Broadcast",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://bro.mirotalk.com",
diff --git a/recipes/mirotalk-bro/webview.js b/recipes/mirotalk-bro/webview.js
index b8f2d0a..1119219 100644
--- a/recipes/mirotalk-bro/webview.js
+++ b/recipes/mirotalk-bro/webview.js
@@ -1,11 +1,9 @@
-"use strict";
-
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mirotalk-c2c/index.js b/recipes/mirotalk-c2c/index.js
index 3b384eb..dd41f72 100644
--- a/recipes/mirotalk-c2c/index.js
+++ b/recipes/mirotalk-c2c/index.js
@@ -1,3 +1 @@
-"use strict";
-
 module.exports = Ferdium => Ferdium;
diff --git a/recipes/mirotalk-c2c/package.json b/recipes/mirotalk-c2c/package.json
index 4ca77fc..309688c 100644
--- a/recipes/mirotalk-c2c/package.json
+++ b/recipes/mirotalk-c2c/package.json
@@ -1,7 +1,7 @@
 {
         "id": "mirotalk-c2c",
         "name": "MiroTalk C2C",
-        "version": "1.0.0",
+        "version": "1.1.0",
         "license": "MIT",
         "config": {
                 "serviceURL": "https://c2c.mirotalk.com",
diff --git a/recipes/mirotalk-c2c/webview.js b/recipes/mirotalk-c2c/webview.js
index b8f2d0a..1119219 100644
--- a/recipes/mirotalk-c2c/webview.js
+++ b/recipes/mirotalk-c2c/webview.js
@@ -1,11 +1,9 @@
-"use strict";
-
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mirotalk-p2p/index.js b/recipes/mirotalk-p2p/index.js
index 3b384eb..dd41f72 100644
--- a/recipes/mirotalk-p2p/index.js
+++ b/recipes/mirotalk-p2p/index.js
@@ -1,3 +1 @@
-"use strict";
-
 module.exports = Ferdium => Ferdium;
diff --git a/recipes/mirotalk-p2p/package.json b/recipes/mirotalk-p2p/package.json
index 249fdca..0df1537 100644
--- a/recipes/mirotalk-p2p/package.json
+++ b/recipes/mirotalk-p2p/package.json
@@ -1,7 +1,7 @@
 {
         "id": "mirotalk-p2p",
         "name": "MiroTalk P2P",
-        "version": "1.0.0",
+        "version": "1.1.0",
         "license": "MIT",
         "config": {
                 "serviceURL": "https://p2p.mirotalk.com",
diff --git a/recipes/mirotalk-p2p/webview.js b/recipes/mirotalk-p2p/webview.js
index b8f2d0a..1119219 100644
--- a/recipes/mirotalk-p2p/webview.js
+++ b/recipes/mirotalk-p2p/webview.js
@@ -1,11 +1,9 @@
-"use strict";
-
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mirotalk-sfu/index.js b/recipes/mirotalk-sfu/index.js
index 3b384eb..dd41f72 100644
--- a/recipes/mirotalk-sfu/index.js
+++ b/recipes/mirotalk-sfu/index.js
@@ -1,3 +1 @@
-"use strict";
-
 module.exports = Ferdium => Ferdium;
diff --git a/recipes/mirotalk-sfu/package.json b/recipes/mirotalk-sfu/package.json
index 8a94f66..e815c4b 100644
--- a/recipes/mirotalk-sfu/package.json
+++ b/recipes/mirotalk-sfu/package.json
@@ -1,7 +1,7 @@
 {
         "id": "mirotalk-sfu",
         "name": "MiroTalk SFU",
-        "version": "1.0.0",
+        "version": "1.1.0",
         "license": "MIT",
         "config": {
                 "serviceURL": "https://sfu.mirotalk.com",
diff --git a/recipes/mirotalk-sfu/webview.js b/recipes/mirotalk-sfu/webview.js
index b8f2d0a..1119219 100644
--- a/recipes/mirotalk-sfu/webview.js
+++ b/recipes/mirotalk-sfu/webview.js
@@ -1,11 +1,9 @@
-"use strict";
-
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/mirotalk-webrtc/index.js b/recipes/mirotalk-webrtc/index.js
index 3b384eb..dd41f72 100644
--- a/recipes/mirotalk-webrtc/index.js
+++ b/recipes/mirotalk-webrtc/index.js
@@ -1,3 +1 @@
-"use strict";
-
 module.exports = Ferdium => Ferdium;
diff --git a/recipes/mirotalk-webrtc/package.json b/recipes/mirotalk-webrtc/package.json
index 22a7f52..afb6972 100644
--- a/recipes/mirotalk-webrtc/package.json
+++ b/recipes/mirotalk-webrtc/package.json
@@ -1,7 +1,7 @@
 {
         "id": "mirotalk-webrtc",
         "name": "MiroTalk WebRTC",
-        "version": "1.0.0",
+        "version": "1.2.0",
         "license": "MIT",
         "config": {
                 "serviceURL": "https://webrtc.mirotalk.com",
diff --git a/recipes/mirotalk-webrtc/webview.js b/recipes/mirotalk-webrtc/webview.js
index b8f2d0a..1119219 100644
--- a/recipes/mirotalk-webrtc/webview.js
+++ b/recipes/mirotalk-webrtc/webview.js
@@ -1,11 +1,9 @@
-"use strict";
-
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/misskey/package.json b/recipes/misskey/package.json
index b1664cb..ecf446d 100644
--- a/recipes/misskey/package.json
+++ b/recipes/misskey/package.json
@@ -1,7 +1,7 @@
 {
   "id": "misskey",
   "name": "Misskey",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/sharkpp/franz-recipe-misskey",
   "config": {
diff --git a/recipes/misskey/webview.js b/recipes/misskey/webview.js
index 554feb0..8c8dbc5 100644
--- a/recipes/misskey/webview.js
+++ b/recipes/misskey/webview.js
@@ -1,11 +1,19 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     // check notification badge for Ferdium badge
-    let hasNotification = !!document.querySelector(
+    const hasNotification = !!document.querySelector(
       '#app div.notifications > button > i.circle',
     );
     Ferdium.setBadge(0, hasNotification ? 1 : 0);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/monday/package.json b/recipes/monday/package.json
index 6b1bcc6..a9fa8fd 100644
--- a/recipes/monday/package.json
+++ b/recipes/monday/package.json
@@ -1,7 +1,7 @@
 {
   "id": "monday",
   "name": "Monday",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.monday.com",
diff --git a/recipes/monday/webview.js b/recipes/monday/webview.js
index 388e5bd..5da20e2 100755
--- a/recipes/monday/webview.js
+++ b/recipes/monday/webview.js
@@ -1,12 +1,16 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
 
-    const counters = document.querySelectorAll('.surface-control-component .item-counter, .surface-control-component .view-item-counter');
+    const counters = document.querySelectorAll(
+      '.surface-control-component .item-counter, .surface-control-component .view-item-counter',
+    );
 
     for (const counter of counters) {
       count += Ferdium.safeParseInt(counter.textContent);
diff --git a/recipes/monicahq/package.json b/recipes/monicahq/package.json
index 3b18cab..f8387d8 100755
--- a/recipes/monicahq/package.json
+++ b/recipes/monicahq/package.json
@@ -1,7 +1,7 @@
 {
   "id": "monicahq",
   "name": "Monica HQ",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/jkbecker/recipe-monica",
   "config": {
diff --git a/recipes/monicahq/webview.js b/recipes/monicahq/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/monicahq/webview.js
+++ b/recipes/monicahq/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/moodle/package.json b/recipes/moodle/package.json
index e661884..bc23813 100644
--- a/recipes/moodle/package.json
+++ b/recipes/moodle/package.json
@@ -1,7 +1,7 @@
 {
   "id": "moodle",
   "name": "Moodle",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true
diff --git a/recipes/moodle/webview.js b/recipes/moodle/webview.js
index 2ac7aa4..af948c6 100644
--- a/recipes/moodle/webview.js
+++ b/recipes/moodle/webview.js
@@ -1,12 +1,23 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const directCountSelector = [...document.querySelectorAll('[data-region="count-container"]')];
+    const directCountSelector = [
+      ...document.querySelectorAll('[data-region="count-container"]'),
+    ];
     const totalMessageCount = directCountSelector.reduce(
-      ((count, item) => count + Ferdium.safeParseInt(item.textContent)),
-      0
+      (count, item) => count + Ferdium.safeParseInt(item.textContent),
+      0,
     );
 
     Ferdium.setBadge(totalMessageCount, 0);
   };
+
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/msteams/index.js b/recipes/msteams/index.js
index c8cdc38..ea86196 100644
--- a/recipes/msteams/index.js
+++ b/recipes/msteams/index.js
@@ -1,18 +1,21 @@
-module.exports = Ferdium => class MicrosoftTeams extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
+module.exports = Ferdium =>
+  class MicrosoftTeams extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
 
-  // TODO: Commenting out since this can expose the user to a MITM attack. Before this can be turned on, we will need to put in some safeguards/warnings that the user can explicitly accept the security ramifications
-  // // https://docs.microsoft.com/en-us/microsoftteams/troubleshoot/teams-sign-in/sign-in-loop#resolution
-  // knownCertificateHosts() {
-  //   return [
-  //     'microsoft.com',
-  //     'microsoftonline.com',
-  //     'teams.skype.com',
-  //     'teams.microsoft.com',
-  //     'sfbassets.com',
-  //     'skypeforbusiness.com',
-  //   ];
-  // };
-};
+    // TODO: Commenting out since this can expose the user to a MITM attack. Before this can be turned on, we will need to put in some safeguards/warnings that the user can explicitly accept the security ramifications
+    // // https://docs.microsoft.com/en-us/microsoftteams/troubleshoot/teams-sign-in/sign-in-loop#resolution
+    // knownCertificateHosts() {
+    //   return [
+    //     'microsoft.com',
+    //     'microsoftonline.com',
+    //     'teams.skype.com',
+    //     'teams.microsoft.com',
+    //     'sfbassets.com',
+    //     'skypeforbusiness.com',
+    //   ];
+    // };
+  };
diff --git a/recipes/msteams/package.json b/recipes/msteams/package.json
index a67616a..814f1c5 100644
--- a/recipes/msteams/package.json
+++ b/recipes/msteams/package.json
@@ -1,7 +1,7 @@
 {
   "id": "msteams",
   "name": "Microsoft Teams",
-  "version": "3.2.1",
+  "version": "3.3.0",
   "license": "MIT",
   "aliases": [
     "teamsChat"
diff --git a/recipes/msteams/webview.js b/recipes/msteams/webview.js
index 149cc76..92af3a4 100644
--- a/recipes/msteams/webview.js
+++ b/recipes/msteams/webview.js
@@ -1,20 +1,23 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let messages = 0;
-    const badges = document.querySelectorAll('.activity-badge.dot-activity-badge .activity-badge');
+    const badges = document.querySelectorAll(
+      '.activity-badge.dot-activity-badge .activity-badge',
+    );
     if (badges) {
       Array.prototype.forEach.call(badges, badge => {
         messages += Ferdium.safeParseInt(badge.textContent);
       });
     }
 
-    const indirectMessages = document.querySelectorAll('.app-bar-mention').length;
+    const indirectMessages =
+      document.querySelectorAll('.app-bar-mention').length;
 
     Ferdium.setBadge(messages, indirectMessages);
   };
diff --git a/recipes/mstodo/package.json b/recipes/mstodo/package.json
index 2d38ce0..a99bed1 100644
--- a/recipes/mstodo/package.json
+++ b/recipes/mstodo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mstodo",
   "name": "Microsoft To Do",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://to-do.live.com/tasks/",
diff --git a/recipes/mstodo/webview.js b/recipes/mstodo/webview.js
index 960e4bb..d7aa6c4 100644
--- a/recipes/mstodo/webview.js
+++ b/recipes/mstodo/webview.js
@@ -1,6 +1,8 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
diff --git a/recipes/mysms/package.json b/recipes/mysms/package.json
index a81fbc4..f4d30a4 100644
--- a/recipes/mysms/package.json
+++ b/recipes/mysms/package.json
@@ -1,7 +1,7 @@
 {
   "id": "mysms",
   "name": "MySMS",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.mysms.com"
diff --git a/recipes/mysms/webview.js b/recipes/mysms/webview.js
index e0d638d..b68d5ee 100644
--- a/recipes/mysms/webview.js
+++ b/recipes/mysms/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const elements = document.querySelectorAll('.unread');
@@ -6,10 +12,10 @@ module.exports = Ferdium => {
     for (const element of elements) {
       if (
         Ferdium.safeParseInt(
-          element.textContent && element.textContent.replace(/[^\d.]/g, ''),
+          element.textContent && element.textContent.replaceAll(/[^\d.]/g, ''),
         ) > 0
       ) {
-        count++; // count 1 per channel with messages
+        count += 1; // count 1 per channel with messages
       }
     }
 
@@ -17,4 +23,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/netatmo-energy/package.json b/recipes/netatmo-energy/package.json
index 2cf28de..2ebd073 100644
--- a/recipes/netatmo-energy/package.json
+++ b/recipes/netatmo-energy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "netatmo-energy",
   "name": "Netatmo Energy",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/rctneil/franz-recipe-netatmo-energy",
   "config": {
diff --git a/recipes/netatmo-energy/webview.js b/recipes/netatmo-energy/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/netatmo-energy/webview.js
+++ b/recipes/netatmo-energy/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/netlify/package.json b/recipes/netlify/package.json
index a90c544..076c68b 100644
--- a/recipes/netlify/package.json
+++ b/recipes/netlify/package.json
@@ -1,7 +1,7 @@
 {
   "id": "netlify",
   "name": "Netlify",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.netlify.com",
diff --git a/recipes/netlify/webview.js b/recipes/netlify/webview.js
index 6bfff02..17fd73d 100644
--- a/recipes/netlify/webview.js
+++ b/recipes/netlify/webview.js
@@ -1,8 +1,16 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    const notifications = document.querySelectorAll("circle");
+    const notifications = document.querySelectorAll('circle');
 
     Ferdium.setBadge(0, notifications.length > 0 ? 1 : 0);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/nextcloud-calendar/package.json b/recipes/nextcloud-calendar/package.json
index f135caa..6505652 100644
--- a/recipes/nextcloud-calendar/package.json
+++ b/recipes/nextcloud-calendar/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud-calendar",
   "name": "Nextcloud Calendar",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/csolisr/ferdium-recipes/tree/master/recipes/nextcloud-calendar/",
   "config": {
diff --git a/recipes/nextcloud-calendar/webview.js b/recipes/nextcloud-calendar/webview.js
index 80bfc45..2755cab 100644
--- a/recipes/nextcloud-calendar/webview.js
+++ b/recipes/nextcloud-calendar/webview.js
@@ -1,15 +1,17 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const directSelector = document.querySelectorAll(
       '.notifications .notification-wrapper .notification[object_type="dav"]',
     );
-    const direct = directSelector ? Ferdium.safeParseInt(directSelector.length) : 0;
+    const direct = directSelector
+      ? Ferdium.safeParseInt(directSelector.length)
+      : 0;
 
     Ferdium.setBadge(direct);
   };
diff --git a/recipes/nextcloud-carnet/package.json b/recipes/nextcloud-carnet/package.json
index 67c7515..70ef1cd 100644
--- a/recipes/nextcloud-carnet/package.json
+++ b/recipes/nextcloud-carnet/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud-carnet",
   "name": "Carnet (Nextcloud)",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/csolisr/ferdium-recipes/tree/master/recipes/nextcloud-carnet/",
   "config": {
diff --git a/recipes/nextcloud-carnet/webview.js b/recipes/nextcloud-carnet/webview.js
index b3836a7..5832e75 100644
--- a/recipes/nextcloud-carnet/webview.js
+++ b/recipes/nextcloud-carnet/webview.js
@@ -1,18 +1,24 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
     const directSelector = document.querySelectorAll(
       '.app-navigation-entry-utils-counter.highlighted',
     );
-    const direct = directSelector ? Ferdium.safeParseInt(directSelector.length) : 0;
+    const direct = directSelector
+      ? Ferdium.safeParseInt(directSelector.length)
+      : 0;
 
     const indirectSelector = document.querySelectorAll(
       '.app-navigation-entry-utils-counter:not(.highlighted)',
     );
-    const indirect = indirectSelector ? Ferdium.safeParseInt(indirectSelector.length) : 0;
+    const indirect = indirectSelector
+      ? Ferdium.safeParseInt(indirectSelector.length)
+      : 0;
 
     Ferdium.setBadge(direct, indirect);
   };
diff --git a/recipes/nextcloud-cospend/package.json b/recipes/nextcloud-cospend/package.json
index 7367589..36d971e 100644
--- a/recipes/nextcloud-cospend/package.json
+++ b/recipes/nextcloud-cospend/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud-cospend",
   "name": "Nextcloud Cospend",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/csolisr/ferdium-recipes/tree/master/recipes/nextcloud-cospend/",
   "config": {
diff --git a/recipes/nextcloud-cospend/webview.js b/recipes/nextcloud-cospend/webview.js
index b3836a7..5832e75 100644
--- a/recipes/nextcloud-cospend/webview.js
+++ b/recipes/nextcloud-cospend/webview.js
@@ -1,18 +1,24 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
     const directSelector = document.querySelectorAll(
       '.app-navigation-entry-utils-counter.highlighted',
     );
-    const direct = directSelector ? Ferdium.safeParseInt(directSelector.length) : 0;
+    const direct = directSelector
+      ? Ferdium.safeParseInt(directSelector.length)
+      : 0;
 
     const indirectSelector = document.querySelectorAll(
       '.app-navigation-entry-utils-counter:not(.highlighted)',
     );
-    const indirect = indirectSelector ? Ferdium.safeParseInt(indirectSelector.length) : 0;
+    const indirect = indirectSelector
+      ? Ferdium.safeParseInt(indirectSelector.length)
+      : 0;
 
     Ferdium.setBadge(direct, indirect);
   };
diff --git a/recipes/nextcloud-deck/package.json b/recipes/nextcloud-deck/package.json
index 7d2be65..549bc4f 100644
--- a/recipes/nextcloud-deck/package.json
+++ b/recipes/nextcloud-deck/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud-deck",
   "name": "Nextcloud Deck",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": "https://github.com/mindcombatant/ferdium-recipes/tree/master/recipes/nextcloud-deck/",
   "config": {
diff --git a/recipes/nextcloud-deck/webview.js b/recipes/nextcloud-deck/webview.js
index 33bf0c5..e60f50b 100644
--- a/recipes/nextcloud-deck/webview.js
+++ b/recipes/nextcloud-deck/webview.js
@@ -1,15 +1,17 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const directSelector = document.querySelector(
       '.subscriptions-feed .app-navigation-entry-utils-counter',
     );
-    const direct = directSelector ? Ferdium.safeParseInt(directSelector.textContent) : 0;
+    const direct = directSelector
+      ? Ferdium.safeParseInt(directSelector.textContent)
+      : 0;
 
     Ferdium.setBadge(direct);
   };
diff --git a/recipes/nextcloud-news/package.json b/recipes/nextcloud-news/package.json
index 83db65b..2be7b75 100644
--- a/recipes/nextcloud-news/package.json
+++ b/recipes/nextcloud-news/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud-news",
   "name": "Nextcloud News",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/csolisr/ferdium-recipes/tree/master/recipes/nextcloud-news/",
   "config": {
diff --git a/recipes/nextcloud-news/webview.js b/recipes/nextcloud-news/webview.js
index 33bf0c5..e60f50b 100644
--- a/recipes/nextcloud-news/webview.js
+++ b/recipes/nextcloud-news/webview.js
@@ -1,15 +1,17 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const directSelector = document.querySelector(
       '.subscriptions-feed .app-navigation-entry-utils-counter',
     );
-    const direct = directSelector ? Ferdium.safeParseInt(directSelector.textContent) : 0;
+    const direct = directSelector
+      ? Ferdium.safeParseInt(directSelector.textContent)
+      : 0;
 
     Ferdium.setBadge(direct);
   };
diff --git a/recipes/nextcloud-talk/package.json b/recipes/nextcloud-talk/package.json
index e86bb8e..aaf779f 100644
--- a/recipes/nextcloud-talk/package.json
+++ b/recipes/nextcloud-talk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud-talk",
   "name": "Nextcloud Talk",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/csolisr/ferdium-recipes/tree/master/recipes/nextcloud-tasks/",
   "config": {
diff --git a/recipes/nextcloud-talk/webview.js b/recipes/nextcloud-talk/webview.js
index 1c6d2a5..0c7f5c2 100644
--- a/recipes/nextcloud-talk/webview.js
+++ b/recipes/nextcloud-talk/webview.js
@@ -1,6 +1,8 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
@@ -19,13 +21,17 @@ module.exports = Ferdium => {
 
     let indirect = 0;
 
-    for (const counter of document.querySelectorAll('.app-navigation-entry__counter')) {
-      const entryCounter = counter ? Ferdium.safeParseInt(counter.textContent) : 0;
+    for (const counter of document.querySelectorAll(
+      '.app-navigation-entry__counter',
+    )) {
+      const entryCounter = counter
+        ? Ferdium.safeParseInt(counter.textContent)
+        : 0;
       indirect += entryCounter;
     }
 
-    if (document.title.startsWith("*")) {
-      indirect++;
+    if (document.title.startsWith('*')) {
+      indirect += 1;
     }
 
     Ferdium.setBadge(direct, indirect);
diff --git a/recipes/nextcloud-tasks/package.json b/recipes/nextcloud-tasks/package.json
index 91942e4..473bf4a 100644
--- a/recipes/nextcloud-tasks/package.json
+++ b/recipes/nextcloud-tasks/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud-tasks",
   "name": "Nextcloud Tasks",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/csolisr/ferdium-recipes/tree/master/recipes/nextcloud-tasks/",
   "config": {
diff --git a/recipes/nextcloud-tasks/webview.js b/recipes/nextcloud-tasks/webview.js
index 717fed7..5832e75 100644
--- a/recipes/nextcloud-tasks/webview.js
+++ b/recipes/nextcloud-tasks/webview.js
@@ -1,20 +1,24 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const directSelector = document.querySelectorAll(
       '.app-navigation-entry-utils-counter.highlighted',
     );
-    const direct = directSelector ? Ferdium.safeParseInt(directSelector.length) : 0;
+    const direct = directSelector
+      ? Ferdium.safeParseInt(directSelector.length)
+      : 0;
 
     const indirectSelector = document.querySelectorAll(
       '.app-navigation-entry-utils-counter:not(.highlighted)',
     );
-    const indirect = indirectSelector ? Ferdium.safeParseInt(indirectSelector.length) : 0;
+    const indirect = indirectSelector
+      ? Ferdium.safeParseInt(indirectSelector.length)
+      : 0;
 
     Ferdium.setBadge(direct, indirect);
   };
diff --git a/recipes/nextcloud/index.js b/recipes/nextcloud/index.js
index 4618097..ec947b7 100644
--- a/recipes/nextcloud/index.js
+++ b/recipes/nextcloud/index.js
@@ -1,5 +1,6 @@
-module.exports = Ferdium => class Nextcloud extends Ferdium {
-  buildUrl(url) {
-    return `${url}/`;
-  }
-};
+module.exports = Ferdium =>
+  class Nextcloud extends Ferdium {
+    buildUrl(url) {
+      return `${url}/`;
+    }
+  };
diff --git a/recipes/nextcloud/package.json b/recipes/nextcloud/package.json
index 239cd6b..0cf39e8 100644
--- a/recipes/nextcloud/package.json
+++ b/recipes/nextcloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextcloud",
   "name": "Nextcloud",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "hasNotificationSound": true,
diff --git a/recipes/nextcloud/webview.js b/recipes/nextcloud/webview.js
index cb13e02..e42f10a 100644
--- a/recipes/nextcloud/webview.js
+++ b/recipes/nextcloud/webview.js
@@ -1,13 +1,21 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const direct = document.querySelector(
-      '#header-menu-notifications, .notifications'
-    ).querySelectorAll(
-      '.notification-container .notification-wrapper .notification'
-    ).length;
+    const direct = document
+      .querySelector('#header-menu-notifications, .notifications')
+      .querySelectorAll(
+        '.notification-container .notification-wrapper .notification',
+      ).length;
 
     Ferdium.setBadge(direct);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/nextdoor/package.json b/recipes/nextdoor/package.json
index 2874231..7ec984c 100644
--- a/recipes/nextdoor/package.json
+++ b/recipes/nextdoor/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nextdoor",
   "name": "Nextdoor",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://nextdoor.co.uk/inbox/"
diff --git a/recipes/nextdoor/webview.js b/recipes/nextdoor/webview.js
index bec9944..ea110b8 100644
--- a/recipes/nextdoor/webview.js
+++ b/recipes/nextdoor/webview.js
@@ -1,14 +1,22 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let unread = 0;
     const notificationBadge = document.querySelectorAll(
       '.notification-badge',
     )[0];
-    if (notificationBadge != undefined) {
+    if (notificationBadge !== undefined) {
       unread = Ferdium.safeParseInt(notificationBadge.textContent);
     }
     Ferdium.setBadge(unread);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/noisli/package.json b/recipes/noisli/package.json
index 0a35c57..21ec583 100755
--- a/recipes/noisli/package.json
+++ b/recipes/noisli/package.json
@@ -1,7 +1,7 @@
 {
   "id": "noisli",
   "name": "Noisli",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.noisli.com/login"
diff --git a/recipes/noisli/webview.js b/recipes/noisli/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/noisli/webview.js
+++ b/recipes/noisli/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/nomadlist/package.json b/recipes/nomadlist/package.json
index 64936d6..c63fecb 100644
--- a/recipes/nomadlist/package.json
+++ b/recipes/nomadlist/package.json
@@ -1,7 +1,7 @@
 {
   "id": "nomadlist",
   "name": "NomadList",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://nomadlist.com/chat",
diff --git a/recipes/nomadlist/webview.js b/recipes/nomadlist/webview.js
index f737e2e..a9524f8 100644
--- a/recipes/nomadlist/webview.js
+++ b/recipes/nomadlist/webview.js
@@ -1,7 +1,15 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     Ferdium.setBadge($('.unread').length);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/notion/package.json b/recipes/notion/package.json
index f020b26..5ed8a2d 100644
--- a/recipes/notion/package.json
+++ b/recipes/notion/package.json
@@ -1,7 +1,7 @@
 {
   "id": "notion",
   "name": "Notion",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/TanZng/ferdi-notion",
   "config": {
diff --git a/recipes/notion/webview.js b/recipes/notion/webview.js
index b64727a..e3c96e8 100644
--- a/recipes/notion/webview.js
+++ b/recipes/notion/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let direct = 0;
@@ -12,4 +18,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/ntfy/index.js b/recipes/ntfy/index.js
index 8244b1b..dd41f72 100644
--- a/recipes/ntfy/index.js
+++ b/recipes/ntfy/index.js
@@ -1 +1 @@
-module.exports = Ferdium => Ferdium;
\ No newline at end of file
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/ntfy/package.json b/recipes/ntfy/package.json
index 76771b0..3786052 100644
--- a/recipes/ntfy/package.json
+++ b/recipes/ntfy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "ntfy",
   "name": "ntfy",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "aliases": [
     "Notify"
diff --git a/recipes/ntfy/webview.js b/recipes/ntfy/webview.js
index 45b8d2d..4fed933 100644
--- a/recipes/ntfy/webview.js
+++ b/recipes/ntfy/webview.js
@@ -1,14 +1,22 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    let msgRaw = document.title.match(/\(\d*\)/);
+    const msgRaw = document.title.match(/\(\d*\)/);
     let messages = 0;
 
     if (msgRaw) {
       messages = Ferdium.safeParseInt(msgRaw[0].slice(1));
     }
-    
+
     Ferdium.setBadge(messages, 0);
-  }
+  };
 
   Ferdium.loop(getMessages);
-};
\ No newline at end of file
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/odoo/package.json b/recipes/odoo/package.json
index 3c95b13..21c58af 100644
--- a/recipes/odoo/package.json
+++ b/recipes/odoo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "odoo",
   "name": "Odoo",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.odoo.com/web/login",
diff --git a/recipes/odoo/webview.js b/recipes/odoo/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/odoo/webview.js
+++ b/recipes/odoo/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/odysee/package.json b/recipes/odysee/package.json
index 181c4ad..2a0a09a 100644
--- a/recipes/odysee/package.json
+++ b/recipes/odysee/package.json
@@ -1,7 +1,7 @@
 {
   "id": "odysee",
   "name": "Odysee",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": "https://github.com/hafiz-muhammad/ferdium-recipes",
   "config": {
diff --git a/recipes/odysee/webview.js b/recipes/odysee/webview.js
index 745e807..f51fb7b 100644
--- a/recipes/odysee/webview.js
+++ b/recipes/odysee/webview.js
@@ -1,15 +1,23 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   function getNotifications() {
-      let unreadNotifications = 0;
-      for (const notificationCounterElement of document.querySelectorAll(
-              ".notification__count"
-          )) {
-          unreadNotifications =
-              unreadNotifications +
-              Ferdium.safeParseInt(notificationCounterElement.textContent);
-      }
-
-      Ferdium.setBadge(unreadNotifications);
+    let unreadNotifications = 0;
+    for (const notificationCounterElement of document.querySelectorAll(
+      '.notification__count',
+    )) {
+      unreadNotifications += Ferdium.safeParseInt(
+        notificationCounterElement.textContent,
+      );
+    }
+
+    Ferdium.setBadge(unreadNotifications);
   }
   Ferdium.loop(getNotifications);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/office365-owa/index.js b/recipes/office365-owa/index.js
index 2b10475..7ea3435 100644
--- a/recipes/office365-owa/index.js
+++ b/recipes/office365-owa/index.js
@@ -1,5 +1,8 @@
-module.exports = Ferdium => class Outlook extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Outlook extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/office365-owa/package.json b/recipes/office365-owa/package.json
index 6cd10eb..72082ab 100644
--- a/recipes/office365-owa/package.json
+++ b/recipes/office365-owa/package.json
@@ -1,7 +1,7 @@
 {
   "id": "office365-owa",
   "name": "Office 365 Outlook",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "license": "MIT",
   "aliases": [
     "live.com",
diff --git a/recipes/office365-owa/webview.js b/recipes/office365-owa/webview.js
index 9613636..5026249 100644
--- a/recipes/office365-owa/webview.js
+++ b/recipes/office365-owa/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = (Ferdium, settings) => {
   const collectCounts = selector => {
     let unreadCount = 0;
@@ -36,4 +42,6 @@ module.exports = (Ferdium, settings) => {
     Ferdium.setBadge(directUnreadCount, indirectUnreadCount);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/onenote/package.json b/recipes/onenote/package.json
index a9957d0..da20430 100644
--- a/recipes/onenote/package.json
+++ b/recipes/onenote/package.json
@@ -1,7 +1,7 @@
 {
   "id": "onenote",
   "name": "OneNote",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://onenote.com"
diff --git a/recipes/onenote/webview.js b/recipes/onenote/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/onenote/webview.js
+++ b/recipes/onenote/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/onmail/package.json b/recipes/onmail/package.json
index fd48d51..9976997 100644
--- a/recipes/onmail/package.json
+++ b/recipes/onmail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "onmail",
   "name": "onMail",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.onmail.com"
diff --git a/recipes/onmail/webview.js b/recipes/onmail/webview.js
index 9e881f4..e2a5fb2 100644
--- a/recipes/onmail/webview.js
+++ b/recipes/onmail/webview.js
@@ -1,17 +1,20 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let countImportant = 0;
     const inboxLinks = document.querySelectorAll('p.truncate');
-    for (const label of inboxLinks){
+    for (const label of inboxLinks) {
       if (label.textContent) {
-        let inbox_count = label.nextSibling
-        countImportant = inbox_count == null ? 0 : Ferdium.safeParseInt(inbox_count.textContent);
+        const inboxCount = label.nextSibling;
+        countImportant =
+          inboxCount === null
+            ? 0
+            : Ferdium.safeParseInt(inboxCount.textContent);
 
         break;
       }
diff --git a/recipes/oreilly-learning/package.json b/recipes/oreilly-learning/package.json
index 05aee71..a5bb2fa 100644
--- a/recipes/oreilly-learning/package.json
+++ b/recipes/oreilly-learning/package.json
@@ -1,7 +1,7 @@
 {
   "id": "oreilly-learning",
   "name": "O'Reilly Learning",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://learning.oreilly.com/home-new/"
diff --git a/recipes/oreilly-learning/webview.js b/recipes/oreilly-learning/webview.js
index 56a20b6..1119219 100644
--- a/recipes/oreilly-learning/webview.js
+++ b/recipes/oreilly-learning/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/outreach/package.json b/recipes/outreach/package.json
index 554a127..e6ca4b4 100644
--- a/recipes/outreach/package.json
+++ b/recipes/outreach/package.json
@@ -1,7 +1,7 @@
 {
   "id": "outreach",
   "name": "Outreach",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://accounts.outreach.io/users/sign_in"
diff --git a/recipes/outreach/webview.js b/recipes/outreach/webview.js
index 56a20b6..1119219 100644
--- a/recipes/outreach/webview.js
+++ b/recipes/outreach/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/paymo/package.json b/recipes/paymo/package.json
index 5fb2c9d..0315814 100644
--- a/recipes/paymo/package.json
+++ b/recipes/paymo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "paymo",
   "name": "Paymo",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.paymoapp.com/auth/login"
diff --git a/recipes/paymo/webview.js b/recipes/paymo/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/paymo/webview.js
+++ b/recipes/paymo/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/perplexity/package.json b/recipes/perplexity/package.json
index 4da64ae..7b6eebd 100644
--- a/recipes/perplexity/package.json
+++ b/recipes/perplexity/package.json
@@ -1,7 +1,7 @@
 {
     "id": "perplexity",
     "name": "Perplexity AI",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "license": "MIT",
     "config": {
         "serviceURL": "https://www.perplexity.ai/"
diff --git a/recipes/perplexity/webview.js b/recipes/perplexity/webview.js
index 56a20b6..1119219 100644
--- a/recipes/perplexity/webview.js
+++ b/recipes/perplexity/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/pinterest/package.json b/recipes/pinterest/package.json
index 2773675..b6d2d1a 100644
--- a/recipes/pinterest/package.json
+++ b/recipes/pinterest/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pinterest",
   "name": "Pinterest",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://pinterest.com"
diff --git a/recipes/pinterest/webview.js b/recipes/pinterest/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/pinterest/webview.js
+++ b/recipes/pinterest/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/pipefy/index.js b/recipes/pipefy/index.js
index 3dc9471..dde5cea 100644
--- a/recipes/pipefy/index.js
+++ b/recipes/pipefy/index.js
@@ -1,6 +1,6 @@
-module.exports = (Ferdium) =>
+module.exports = Ferdium =>
   class Pipefy extends Ferdium {
     overrideUserAgent() {
-      return "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:72.0) Gecko/20100101 Firefox/72.0";
+      return 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:72.0) Gecko/20100101 Firefox/72.0';
     }
   };
diff --git a/recipes/pipefy/package.json b/recipes/pipefy/package.json
index ba02935..abdc555 100644
--- a/recipes/pipefy/package.json
+++ b/recipes/pipefy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pipefy",
   "name": "Pipefy",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.pipefy.com/",
diff --git a/recipes/pipefy/webview.js b/recipes/pipefy/webview.js
index f951ad1..8662f7d 100644
--- a/recipes/pipefy/webview.js
+++ b/recipes/pipefy/webview.js
@@ -1,10 +1,19 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const getNotificationButton = document.querySelector(
       '#notifications_button',
     );
-    let hasNotification = getNotificationButton.classList.contains('pp-active');
+    const hasNotification =
+      getNotificationButton.classList.contains('pp-active');
     Ferdium.setBadge(0, hasNotification ? 1 : 0);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/pivotal-tracker/package.json b/recipes/pivotal-tracker/package.json
index 42ba0dc..07af528 100644
--- a/recipes/pivotal-tracker/package.json
+++ b/recipes/pivotal-tracker/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pivotal-tracker",
   "name": "pivotal-tracker",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.pivotaltracker.com/signin",
diff --git a/recipes/pivotal-tracker/webview.js b/recipes/pivotal-tracker/webview.js
index 8671847..3df27ee 100644
--- a/recipes/pivotal-tracker/webview.js
+++ b/recipes/pivotal-tracker/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const bell = document.querySelectorAll('#view65 > span')[0];
@@ -7,4 +13,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/pixelfed/package.json b/recipes/pixelfed/package.json
index 328dab8..28a8bc5 100644
--- a/recipes/pixelfed/package.json
+++ b/recipes/pixelfed/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pixelfed",
   "name": "Pixelfed",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://pixelfed.social",
diff --git a/recipes/pixelfed/webview.js b/recipes/pixelfed/webview.js
index 56a20b6..1119219 100644
--- a/recipes/pixelfed/webview.js
+++ b/recipes/pixelfed/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/pixieset/package.json b/recipes/pixieset/package.json
index 773f37a..37d70f3 100644
--- a/recipes/pixieset/package.json
+++ b/recipes/pixieset/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pixieset",
   "name": "Pixieset",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://accounts.pixieset.com/dashboard/"
diff --git a/recipes/pixieset/webview.js b/recipes/pixieset/webview.js
index 913aa94..88c9263 100644
--- a/recipes/pixieset/webview.js
+++ b/recipes/pixieset/webview.js
@@ -1,10 +1,18 @@
-"use strict";
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-module.exports = (Ferdium) => {
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const element = document.querySelector('.notification-count');
-    Ferdium.setBadge(element ? Ferdium.safeParseInt(element.textContent.match(/\d+/)[0]) : 0);
+    Ferdium.setBadge(
+      element ? Ferdium.safeParseInt(element.textContent.match(/\d+/)[0]) : 0,
+    );
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/plan/package.json b/recipes/plan/package.json
index 3d61a68..3722d39 100644
--- a/recipes/plan/package.json
+++ b/recipes/plan/package.json
@@ -1,7 +1,7 @@
 {
   "id": "plan",
   "name": "Plan",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://getplan.co/",
diff --git a/recipes/plan/webview.js b/recipes/plan/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/plan/webview.js
+++ b/recipes/plan/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/planitpoker/package.json b/recipes/planitpoker/package.json
index 1b371e4..992ff48 100644
--- a/recipes/planitpoker/package.json
+++ b/recipes/planitpoker/package.json
@@ -1,7 +1,7 @@
 {
   "id": "planitpoker",
   "name": "PlanITPoker",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.planitpoker.com/board/#/room/{teamId}",
diff --git a/recipes/planitpoker/webview.js b/recipes/planitpoker/webview.js
index 13b8156..94dab2f 100644
--- a/recipes/planitpoker/webview.js
+++ b/recipes/planitpoker/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your OReilly Service service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/plek/package.json b/recipes/plek/package.json
index 815b34e..9f99186 100644
--- a/recipes/plek/package.json
+++ b/recipes/plek/package.json
@@ -1,7 +1,7 @@
 {
   "id": "plek",
   "name": "Plek",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "repository": "https://github.com/jsimonetti/franz-recipe-plek",
   "license": "MIT",
   "config": {
diff --git a/recipes/plek/webview.js b/recipes/plek/webview.js
index bf3579e..0f6396b 100644
--- a/recipes/plek/webview.js
+++ b/recipes/plek/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directMessages = 0;
@@ -17,4 +23,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/pleroma/index.js b/recipes/pleroma/index.js
index 67a0e19..2050059 100644
--- a/recipes/pleroma/index.js
+++ b/recipes/pleroma/index.js
@@ -1,19 +1,21 @@
-module.exports = Ferdium => class Pleroma extends Ferdium {
-  async validateUrl(url) {
-    try {
-      const resp = await window.fetch(`${url}/api/v1/instance`, {
-        Accept: 'application/json',
-      });
-      const data = await resp.json();
-      const version = data.version;
-      return typeof (version) === 'string' && version.includes('Pleroma');
-    } catch (error) {
-      console.log('Pleroma server validation error', error);
+module.exports = Ferdium =>
+  class Pleroma extends Ferdium {
+    async validateUrl(url) {
+      try {
+        const resp = await window.fetch(`${url}/api/v1/instance`, {
+          Accept: 'application/json',
+        });
+        const data = await resp.json();
+        const version = data.version;
+        return typeof version === 'string' && version.includes('Pleroma');
+      } catch (error) {
+        // eslint-disable-next-line no-console
+        console.log('Pleroma server validation error', error);
+      }
+      return false;
     }
-    return false;
-  }
 
-  buildUrl(url) {
-    return `${url}/main/friends`;
-  }
-};
+    buildUrl(url) {
+      return `${url}/main/friends`;
+    }
+  };
diff --git a/recipes/pleroma/package.json b/recipes/pleroma/package.json
index de92244..5819a75 100644
--- a/recipes/pleroma/package.json
+++ b/recipes/pleroma/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pleroma",
   "name": "Pleroma",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true
diff --git a/recipes/pleroma/webview.js b/recipes/pleroma/webview.js
index 41516f6..703a53f 100644
--- a/recipes/pleroma/webview.js
+++ b/recipes/pleroma/webview.js
@@ -16,6 +16,7 @@ const getInstanceConfig = async () => {
     const pleromaFeConfig = frontendConfig.pleroma_fe || {};
     return { ...staticConfig, ...pleromaFeConfig };
   } catch (error) {
+    // eslint-disable-next-line no-console
     console.log('Failed to load dynamic frontend configuration', error);
     return staticConfig;
   }
@@ -162,6 +163,7 @@ module.exports = Ferdium => {
       });
     },
     error => {
+      // eslint-disable-next-line no-console
       console.log('Failed to load instance logo', error);
       Ferdium.loop(getMessages);
     },
diff --git a/recipes/plurk/package.json b/recipes/plurk/package.json
index 50415da..44ddc2d 100644
--- a/recipes/plurk/package.json
+++ b/recipes/plurk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "plurk",
   "name": "Plurk",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.plurk.com"
diff --git a/recipes/plurk/webview.js b/recipes/plurk/webview.js
index dfacf30..da52aec 100644
--- a/recipes/plurk/webview.js
+++ b/recipes/plurk/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let direct = 0;
@@ -16,4 +22,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages, 10_000);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/pocket/package.json b/recipes/pocket/package.json
index 5f81d1f..25210e2 100644
--- a/recipes/pocket/package.json
+++ b/recipes/pocket/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pocket",
   "name": "Pocket",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://getpocket.com/a/queue/list/"
diff --git a/recipes/pocket/webview.js b/recipes/pocket/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/pocket/webview.js
+++ b/recipes/pocket/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/pocketcasts/package.json b/recipes/pocketcasts/package.json
index 7cb2be2..a7334d2 100644
--- a/recipes/pocketcasts/package.json
+++ b/recipes/pocketcasts/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pocketcasts",
   "name": "PocketCasts",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://play.pocketcasts.com/user/login"
diff --git a/recipes/pocketcasts/webview.js b/recipes/pocketcasts/webview.js
index 5c033a2..f529029 100644
--- a/recipes/pocketcasts/webview.js
+++ b/recipes/pocketcasts/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your Pocket Casts service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/podio/package.json b/recipes/podio/package.json
index 5d2ae43..f9e6cd9 100644
--- a/recipes/podio/package.json
+++ b/recipes/podio/package.json
@@ -1,7 +1,7 @@
 {
   "id": "podio",
   "name": "Podio",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://podio.com",
diff --git a/recipes/podio/webview.js b/recipes/podio/webview.js
index 9ba40d0..e6c2f77 100644
--- a/recipes/podio/webview.js
+++ b/recipes/podio/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const updates = document.querySelectorAll('.counter')[0].textContent;
diff --git a/recipes/pomodoro-tracker/package.json b/recipes/pomodoro-tracker/package.json
index ab7f3f1..65337bb 100644
--- a/recipes/pomodoro-tracker/package.json
+++ b/recipes/pomodoro-tracker/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pomodoro-tracker",
   "name": "Pomodoro Tracker",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://pomodoro-tracker.com",
diff --git a/recipes/pomodoro-tracker/webview.js b/recipes/pomodoro-tracker/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/pomodoro-tracker/webview.js
+++ b/recipes/pomodoro-tracker/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/posteo/package.json b/recipes/posteo/package.json
index 8bfdeb8..cbe9529 100644
--- a/recipes/posteo/package.json
+++ b/recipes/posteo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "posteo",
   "name": "Posteo",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "aliases": [
     "mail",
diff --git a/recipes/posteo/webview.js b/recipes/posteo/webview.js
index 56a20b6..1119219 100644
--- a/recipes/posteo/webview.js
+++ b/recipes/posteo/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/producthunt/index.js b/recipes/producthunt/index.js
index 2d59d28..dd41f72 100644
--- a/recipes/producthunt/index.js
+++ b/recipes/producthunt/index.js
@@ -1 +1 @@
-module.exports = Ferdium => Ferdium
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/producthunt/package.json b/recipes/producthunt/package.json
index 64a57a8..d8f3eea 100644
--- a/recipes/producthunt/package.json
+++ b/recipes/producthunt/package.json
@@ -1,7 +1,7 @@
 {
   "id": "producthunt",
   "name": "Product Hunt",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/alexdevero/franz-producthunt-recipe",
   "config": {
diff --git a/recipes/producthunt/webview.js b/recipes/producthunt/webview.js
index 86cab43..afcdc3e 100644
--- a/recipes/producthunt/webview.js
+++ b/recipes/producthunt/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const notificationsSelector = document.querySelector(
     '[class*=header_] [class*=content_] [class*=actions_] [class*=notificationsButton_]',
@@ -10,4 +16,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/protoncalendar/darkmode.css b/recipes/proton-calendar/darkmode.css
index 8eeeb07..8eeeb07 100644
--- a/recipes/protoncalendar/darkmode.css
+++ b/recipes/proton-calendar/darkmode.css
diff --git a/recipes/protoncalendar/icon.svg b/recipes/proton-calendar/icon.svg
index 6522ffd..6522ffd 100644
--- a/recipes/protoncalendar/icon.svg
+++ b/recipes/proton-calendar/icon.svg
diff --git a/recipes/protoncalendar/index.js b/recipes/proton-calendar/index.js
index dd41f72..dd41f72 100644
--- a/recipes/protoncalendar/index.js
+++ b/recipes/proton-calendar/index.js
diff --git a/recipes/protoncalendar/package.json b/recipes/proton-calendar/package.json
index 85da1bb..4d6a062 100644
--- a/recipes/protoncalendar/package.json
+++ b/recipes/proton-calendar/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "protoncalendar",
+  "id": "proton-calendar",
   "name": "ProtonCalendar",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://calendar.proton.me/"
diff --git a/recipes/googlepodcasts/webview.js b/recipes/proton-calendar/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/googlepodcasts/webview.js
+++ b/recipes/proton-calendar/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/protondrive/icon.svg b/recipes/proton-drive/icon.svg
index 1709ff1..1709ff1 100755
--- a/recipes/protondrive/icon.svg
+++ b/recipes/proton-drive/icon.svg
diff --git a/recipes/protondrive/index.js b/recipes/proton-drive/index.js
index dd41f72..dd41f72 100755
--- a/recipes/protondrive/index.js
+++ b/recipes/proton-drive/index.js
diff --git a/recipes/protondrive/package.json b/recipes/proton-drive/package.json
index f0da40a..54ea8f4 100755
--- a/recipes/protondrive/package.json
+++ b/recipes/proton-drive/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "protondrive",
+  "id": "proton-drive",
   "name": "Proton Drive",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://drive.proton.me"
diff --git a/recipes/protondrive/webview-unsafe.js b/recipes/proton-drive/webview-unsafe.js
index 9198ac5..9198ac5 100755
--- a/recipes/protondrive/webview-unsafe.js
+++ b/recipes/proton-drive/webview-unsafe.js
diff --git a/recipes/protondrive/webview.js b/recipes/proton-drive/webview.js
index aba811f..c27c226 100755
--- a/recipes/protondrive/webview.js
+++ b/recipes/proton-drive/webview.js
@@ -1,8 +1,10 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
   Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
 };
diff --git a/recipes/proton-mail/package.json b/recipes/proton-mail/package.json
index 81dae58..715bdad 100644
--- a/recipes/proton-mail/package.json
+++ b/recipes/proton-mail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "proton-mail",
   "name": "ProtonMail",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.proton.me/login"
diff --git a/recipes/proton-mail/webview.js b/recipes/proton-mail/webview.js
index dc3499a..05db958 100644
--- a/recipes/proton-mail/webview.js
+++ b/recipes/proton-mail/webview.js
@@ -1,8 +1,16 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let unreadCount = 0;
     // Loop over all displayed counters and take the highest one (from the "All Mail" folder)
-    for (const counterElement of document.querySelectorAll('.navigation-counter-item')) {
+    for (const counterElement of document.querySelectorAll(
+      '.navigation-counter-item',
+    )) {
       const unreadCounter = Ferdium.safeParseInt(counterElement.textContent);
       unreadCount = Math.max(unreadCount, unreadCounter);
     }
@@ -11,4 +19,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/protonet/package.json b/recipes/protonet/package.json
index a876339..f5a06f8 100755
--- a/recipes/protonet/package.json
+++ b/recipes/protonet/package.json
@@ -1,7 +1,7 @@
 {
   "id": "protonet",
   "name": "protonet",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamID}.protonet.info",
diff --git a/recipes/protonet/webview.js b/recipes/protonet/webview.js
index 4ec9f78..71c0d0f 100755
--- a/recipes/protonet/webview.js
+++ b/recipes/protonet/webview.js
@@ -1,10 +1,22 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    const unreadPrivateMessages = Ferdium.safeParseInt($('.messages .unread-meeps').text());
-    const unreadGroupMessages = Ferdium.safeParseInt($('.today .unread-meeps').text());
+    const unreadPrivateMessages = Ferdium.safeParseInt(
+      $('.messages .unread-meeps').text(),
+    );
+    const unreadGroupMessages = Ferdium.safeParseInt(
+      $('.today .unread-meeps').text(),
+    );
 
     Ferdium.setBadge(unreadPrivateMessages + unreadGroupMessages);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/pulsesms/LICENSE b/recipes/pulse-sms/LICENSE
index 8ac4a22..8ac4a22 100644
--- a/recipes/pulsesms/LICENSE
+++ b/recipes/pulse-sms/LICENSE
diff --git a/recipes/pulsesms/icon.svg b/recipes/pulse-sms/icon.svg
index da3f9d3..da3f9d3 100644
--- a/recipes/pulsesms/icon.svg
+++ b/recipes/pulse-sms/icon.svg
diff --git a/recipes/pulsesms/index.js b/recipes/pulse-sms/index.js
index dd41f72..dd41f72 100644
--- a/recipes/pulsesms/index.js
+++ b/recipes/pulse-sms/index.js
diff --git a/recipes/pulsesms/package.json b/recipes/pulse-sms/package.json
index 786cf8b..8cfdd5f 100644
--- a/recipes/pulsesms/package.json
+++ b/recipes/pulse-sms/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "pulsesms",
+  "id": "pulse-sms",
   "name": "PulseSMS",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://pulsesms.app",
diff --git a/recipes/pulse-sms/webview.js b/recipes/pulse-sms/webview.js
new file mode 100644
index 0000000..e2d7f40
--- /dev/null
+++ b/recipes/pulse-sms/webview.js
@@ -0,0 +1,17 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
+  const getMessages = () => {
+    Ferdium.setBadge(
+      document.querySelector('#unread_count').textContent.replaceAll(/\s/g, ''),
+    );
+  };
+
+  Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/pulsesms/webview.js b/recipes/pulsesms/webview.js
deleted file mode 100644
index 01a2b75..0000000
--- a/recipes/pulsesms/webview.js
+++ /dev/null
@@ -1,9 +0,0 @@
-module.exports = Ferdium => {
-  const getMessages = () => {
-    Ferdium.setBadge(
-      document.querySelector('#unread_count').textContent.replace(/\s/g, ''),
-    );
-  };
-
-  Ferdium.loop(getMessages);
-};
diff --git a/recipes/pushbullet/package.json b/recipes/pushbullet/package.json
index cf27677..5851a2b 100644
--- a/recipes/pushbullet/package.json
+++ b/recipes/pushbullet/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pushbullet",
   "name": "Pushbullet",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.pushbullet.com/"
diff --git a/recipes/pushbullet/webview.js b/recipes/pushbullet/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/pushbullet/webview.js
+++ b/recipes/pushbullet/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/pushover/package.json b/recipes/pushover/package.json
index 9616852..22a9db3 100644
--- a/recipes/pushover/package.json
+++ b/recipes/pushover/package.json
@@ -1,7 +1,7 @@
 {
   "id": "pushover",
   "name": "Pushover",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "repository": "https://github.com/jdwhite/franz-recipe-pushover",
   "config": {
diff --git a/recipes/pushover/webview.js b/recipes/pushover/webview.js
index b37b9e4..30d596b 100644
--- a/recipes/pushover/webview.js
+++ b/recipes/pushover/webview.js
@@ -1,12 +1,14 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const totalMessages = document.querySelector('#app_0 > div.app_counter').innerHTML;
+    const totalMessages = document.querySelector(
+      '#app_0 > div.app_counter',
+    ).innerHTML;
     Ferdium.setBadge(totalMessages);
   };
 
diff --git a/recipes/rainloop/package.json b/recipes/rainloop/package.json
index 3c9ce18..3d3b2c4 100644
--- a/recipes/rainloop/package.json
+++ b/recipes/rainloop/package.json
@@ -1,7 +1,7 @@
 {
   "id": "rainloop",
   "name": "RainLoop",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "repository": "https://github.com/promarcel/franz-recipe-rainloop",
   "license": "MIT",
   "config": {
diff --git a/recipes/rainloop/webview.js b/recipes/rainloop/webview.js
index 6b0c3d6..0421d54 100644
--- a/recipes/rainloop/webview.js
+++ b/recipes/rainloop/webview.js
@@ -1,13 +1,21 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let messages = 0;
 
     // Let's only loop through user folders, as all system folders are duplicated there
-    for (const obj of document.querySelectorAll('.b-folders-user .ui-droppable')) {
+    for (const obj of document.querySelectorAll(
+      '.b-folders-user .ui-droppable',
+    )) {
       const countEl = obj.querySelector('.count');
       const countText = countEl ? countEl.innerHTML : '';
 
-      if (countText != '') {
+      if (countText !== '') {
         if (obj.classList.contains('system')) {
           // Only count the Inbox system folder and ignore Archive, Trash, Drafts, Spam, Sent
           if (obj.classList.contains('i-am-inbox')) {
@@ -23,4 +31,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/reclaim/index.js b/recipes/reclaim/index.js
index 8244b1b..dd41f72 100644
--- a/recipes/reclaim/index.js
+++ b/recipes/reclaim/index.js
@@ -1 +1 @@
-module.exports = Ferdium => Ferdium;
\ No newline at end of file
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/reclaim/package.json b/recipes/reclaim/package.json
index 5e7df91..9fd5062 100644
--- a/recipes/reclaim/package.json
+++ b/recipes/reclaim/package.json
@@ -1,9 +1,9 @@
 {
     "id": "reclaim",
     "name": "Reclaim",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "license": "MIT",
     "config": {
       "serviceURL": "https://app.reclaim.ai/"
     }
-  }
\ No newline at end of file
+  }
diff --git a/recipes/reclaim/webview.js b/recipes/reclaim/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/reclaim/webview.js
+++ b/recipes/reclaim/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/redditchat/icon.svg b/recipes/reddit-chat/icon.svg
index 4dad730..4dad730 100644
--- a/recipes/redditchat/icon.svg
+++ b/recipes/reddit-chat/icon.svg
diff --git a/recipes/redditchat/index.js b/recipes/reddit-chat/index.js
index dd41f72..dd41f72 100644
--- a/recipes/redditchat/index.js
+++ b/recipes/reddit-chat/index.js
diff --git a/recipes/redditchat/package.json b/recipes/reddit-chat/package.json
index ae79ca7..6d60303 100644
--- a/recipes/redditchat/package.json
+++ b/recipes/reddit-chat/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "redditchat",
+  "id": "reddit-chat",
   "name": "Reddit Chat",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.reddit.com/chat/"
diff --git a/recipes/redditchat/webview.js b/recipes/reddit-chat/webview.js
index 6dc736a..7e2ef95 100644
--- a/recipes/redditchat/webview.js
+++ b/recipes/reddit-chat/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // Regular expression for (*) or (1), will extract the asterisk or the number
   const titleRegEx = /^\(([\d*])\)/;
@@ -18,4 +24,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/reddit/package.json b/recipes/reddit/package.json
index 42e4fbc..07b7112 100644
--- a/recipes/reddit/package.json
+++ b/recipes/reddit/package.json
@@ -1,7 +1,7 @@
 {
   "id": "reddit",
   "name": "Reddit",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/ferdium/ferdium-recipes",
   "config": {
diff --git a/recipes/reddit/webview.js b/recipes/reddit/webview.js
index e8498ac..aac3766 100644
--- a/recipes/reddit/webview.js
+++ b/recipes/reddit/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const elements = document.querySelectorAll(
diff --git a/recipes/ringcentral/icon.svg b/recipes/ring-central/icon.svg
index e30813e..e30813e 100644
--- a/recipes/ringcentral/icon.svg
+++ b/recipes/ring-central/icon.svg
diff --git a/recipes/ringcentral/index.js b/recipes/ring-central/index.js
index dd41f72..dd41f72 100644
--- a/recipes/ringcentral/index.js
+++ b/recipes/ring-central/index.js
diff --git a/recipes/ringcentral/package.json b/recipes/ring-central/package.json
index 9121482..ee21fb3 100644
--- a/recipes/ringcentral/package.json
+++ b/recipes/ring-central/package.json
@@ -1,7 +1,7 @@
 {
-  "id": "ringcentral",
+  "id": "ring-central",
   "name": "RingCentral",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/deadmeu/ferdi-ringcentral",
   "aliases": [
diff --git a/recipes/ringcentral/webview.js b/recipes/ring-central/webview.js
index acf1cfa..68a688a 100644
--- a/recipes/ringcentral/webview.js
+++ b/recipes/ring-central/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directCount = 0;
@@ -16,4 +22,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/riseup/package.json b/recipes/riseup/package.json
index f6ea15b..7dc626e 100644
--- a/recipes/riseup/package.json
+++ b/recipes/riseup/package.json
@@ -1,7 +1,7 @@
 {
   "id": "riseup",
   "name": "Riseup.net",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.riseup.net"
diff --git a/recipes/riseup/webview.js b/recipes/riseup/webview.js
index 6f63103..bbf0db6 100644
--- a/recipes/riseup/webview.js
+++ b/recipes/riseup/webview.js
@@ -1,12 +1,20 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let unread = 0;
     const notificationBadge = document.querySelectorAll('.unreadcount')[0];
-    if (notificationBadge != undefined) {
+    if (notificationBadge !== undefined) {
       unread = Ferdium.safeParseInt(notificationBadge.textContent);
     }
     Ferdium.setBadge(unread);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/ritetag/index.js b/recipes/ritetag/index.js
index 2d59d28..dd41f72 100644
--- a/recipes/ritetag/index.js
+++ b/recipes/ritetag/index.js
@@ -1 +1 @@
-module.exports = Ferdium => Ferdium
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/ritetag/package.json b/recipes/ritetag/package.json
index fedd05b..33287d7 100644
--- a/recipes/ritetag/package.json
+++ b/recipes/ritetag/package.json
@@ -1,7 +1,7 @@
 {
   "id": "ritetag",
   "name": "Ritetag",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/alexdevero/franz-ritetag-recipe",
   "config": {
diff --git a/recipes/ritetag/webview.js b/recipes/ritetag/webview.js
index be6157e..1119219 100644
--- a/recipes/ritetag/webview.js
+++ b/recipes/ritetag/webview.js
@@ -1,7 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/rocketchat/index.js b/recipes/rocketchat/index.js
index a7fee29..a89bd61 100644
--- a/recipes/rocketchat/index.js
+++ b/recipes/rocketchat/index.js
@@ -1,18 +1,19 @@
-module.exports = Ferdium => class RocketChat extends Ferdium {
-  async validateUrl(url) {
-    try {
-      const resp = await window.fetch(url, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-      });
-      const status = resp.status.toString();
-      return status.startsWith('2') || status.startsWith('3');
-    } catch (error) {
-      console.error(error);
-    }
+module.exports = Ferdium =>
+  class RocketChat extends Ferdium {
+    async validateUrl(url) {
+      try {
+        const resp = await window.fetch(url, {
+          method: 'GET',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+        });
+        const status = resp.status.toString();
+        return status.startsWith('2') || status.startsWith('3');
+      } catch (error) {
+        console.error(error);
+      }
 
-    return false;
-  }
-};
+      return false;
+    }
+  };
diff --git a/recipes/rocketchat/package.json b/recipes/rocketchat/package.json
index 17719ed..164cd5f 100644
--- a/recipes/rocketchat/package.json
+++ b/recipes/rocketchat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "rocketchat",
   "name": "Rocket.Chat",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.rocket.chat",
diff --git a/recipes/rocketchat/webview.js b/recipes/rocketchat/webview.js
index 85b0c32..74556de 100644
--- a/recipes/rocketchat/webview.js
+++ b/recipes/rocketchat/webview.js
@@ -1,3 +1,8 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
@@ -18,30 +23,34 @@ module.exports = Ferdium => {
 
   Ferdium.loop(getMessages);
 
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
   const getTeamIcon = function getTeamIcon() {
     const manifestElement = document.querySelector('link[rel="manifest"]');
 
-    if (manifestElement == null) {
+    if (manifestElement === null) {
       return;
     }
 
     const manifestUrl = manifestElement.getAttribute('href');
 
-    if (manifestUrl == null) {
+    if (manifestUrl === null) {
       return;
     }
 
     const xmlhttp = new XMLHttpRequest();
 
     xmlhttp.addEventListener('readystatechange', function () {
-      if (this.readyState != 4 || this.status != 200) {
+      if (this.readyState !== 4 || this.status !== 200) {
         return;
       }
 
       const response = JSON.parse(this.responseText);
 
       if (response.icons.length > 0) {
-        Ferdium.setAvatarImage(`${window.location.protocol}//${window.location.host}${response.icons[0].src}`);
+        Ferdium.setAvatarImage(
+          `${window.location.protocol}//${window.location.host}${response.icons[0].src}`,
+        );
       }
     });
 
diff --git a/recipes/roundcube/package.json b/recipes/roundcube/package.json
index 6378ff8..8ebd52c 100644
--- a/recipes/roundcube/package.json
+++ b/recipes/roundcube/package.json
@@ -1,7 +1,7 @@
 {
   "id": "roundcube",
   "name": "Roundcube",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/jonathanjuursema/franz-roundcube",
   "config": {
diff --git a/recipes/roundcube/webview.js b/recipes/roundcube/webview.js
index f9aead4..d7f00c5 100644
--- a/recipes/roundcube/webview.js
+++ b/recipes/roundcube/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const directElements = document.querySelectorAll('.unreadcount');
@@ -9,4 +15,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/schildichat/package.json b/recipes/schildichat/package.json
index 91ca379..96fcbf9 100644
--- a/recipes/schildichat/package.json
+++ b/recipes/schildichat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "schildichat",
   "name": "SchildiChat",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "aliases": [
     "Element",
diff --git a/recipes/schildichat/webview.js b/recipes/schildichat/webview.js
index bd7eef8..592d89b 100644
--- a/recipes/schildichat/webview.js
+++ b/recipes/schildichat/webview.js
@@ -1,14 +1,23 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   function getMessages() {
-    const directMatches = document.querySelector('title').textContent
-      .match('(?<=\\[)\\d+(?=])');
+    const directMatches = document
+      .querySelector('title')
+      .textContent.match('(?<=\\[)\\d+(?=])');
     Ferdium.setBadge(
-      Ferdium.safeParseInt(directMatches !== null ? directMatches[0] : 0),
-      document.querySelector('.mx_SpaceTreeLevel')
-        .querySelectorAll('.mx_NotificationBadge_dot')
-        .length
+      Ferdium.safeParseInt(directMatches === null ? 0 : directMatches[0]),
+      document
+        .querySelector('.mx_SpaceTreeLevel')
+        .querySelectorAll('.mx_NotificationBadge_dot').length,
     );
   }
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/scribens/package.json b/recipes/scribens/package.json
index b993a2c..dad972c 100644
--- a/recipes/scribens/package.json
+++ b/recipes/scribens/package.json
@@ -1,7 +1,7 @@
 {
   "id": "scribens",
   "name": "Scribens",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://scribens.{teamId}",
diff --git a/recipes/scribens/webview.js b/recipes/scribens/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/scribens/webview.js
+++ b/recipes/scribens/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/scrumpy/package.json b/recipes/scrumpy/package.json
index c2383b7..cd64d5f 100644
--- a/recipes/scrumpy/package.json
+++ b/recipes/scrumpy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "scrumpy",
   "name": "Scrumpy",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/scrumpy/franz-recipe-scrumpy",
   "config": {
diff --git a/recipes/scrumpy/webview.js b/recipes/scrumpy/webview.js
index 5037aee..89dd93b 100644
--- a/recipes/scrumpy/webview.js
+++ b/recipes/scrumpy/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const notifications = document.querySelector(
@@ -9,4 +15,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/sendtask/package.json b/recipes/sendtask/package.json
index 342a2e6..9cc2ffc 100644
--- a/recipes/sendtask/package.json
+++ b/recipes/sendtask/package.json
@@ -1,7 +1,7 @@
 {
   "id": "sendtask",
   "name": "Sendtask",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "repository": "https://github.com/patrickdaniel/sendtask-franz",
   "license": "MIT",
   "config": {
diff --git a/recipes/sendtask/webview.js b/recipes/sendtask/webview.js
index bca4e19..678c716 100644
--- a/recipes/sendtask/webview.js
+++ b/recipes/sendtask/webview.js
@@ -1,10 +1,14 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
-    const inbox = document.querySelector('.topbar-notificationsButton.has-newNotifications');
+    const inbox = document.querySelector(
+      '.topbar-notificationsButton.has-newNotifications',
+    );
     const passiveCount = inbox === null ? 0 : 1;
     Ferdium.setBadge(0, passiveCount);
   };
diff --git a/recipes/simplelogin/package.json b/recipes/simplelogin/package.json
index 6d12b3c..6cbdd95 100644
--- a/recipes/simplelogin/package.json
+++ b/recipes/simplelogin/package.json
@@ -1,7 +1,7 @@
 {
   "id": "simplelogin",
   "name": "SimpleLogin",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.simplelogin.io/"
diff --git a/recipes/simplelogin/webview.js b/recipes/simplelogin/webview.js
index 46366f4..1119219 100644
--- a/recipes/simplelogin/webview.js
+++ b/recipes/simplelogin/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+};
diff --git a/recipes/simplenote/package.json b/recipes/simplenote/package.json
index 00e0fb0..13d3573 100644
--- a/recipes/simplenote/package.json
+++ b/recipes/simplenote/package.json
@@ -1,7 +1,7 @@
 {
   "id": "simplenote",
   "name": "Simplenote",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.simplenote.com/"
diff --git a/recipes/simplenote/webview.js b/recipes/simplenote/webview.js
index b4180e4..f09170c 100644
--- a/recipes/simplenote/webview.js
+++ b/recipes/simplenote/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
@@ -19,4 +25,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/skiff-mail/package.json b/recipes/skiff-mail/package.json
index 1193c82..02e73a9 100644
--- a/recipes/skiff-mail/package.json
+++ b/recipes/skiff-mail/package.json
@@ -1,7 +1,7 @@
 {
     "id": "skiff-mail",
     "name": "Skiff Mail",
-    "version": "1.0.0",
+    "version": "1.2.0",
     "license": "MIT",
     "config": {
         "serviceURL": "https://app.skiff.com/mail/inbox"
diff --git a/recipes/skiff-mail/webview.js b/recipes/skiff-mail/webview.js
index 522b062..2726145 100644
--- a/recipes/skiff-mail/webview.js
+++ b/recipes/skiff-mail/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const element = document.querySelector('div[href="/mail/inbox"]');
diff --git a/recipes/skype/index.js b/recipes/skype/index.js
index 425683a..0f18b4f 100644
--- a/recipes/skype/index.js
+++ b/recipes/skype/index.js
@@ -1,5 +1,8 @@
-module.exports = (Ferdium) => class Messenger extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class Messenger extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/skype/package.json b/recipes/skype/package.json
index 18d5b37..32fcef9 100644
--- a/recipes/skype/package.json
+++ b/recipes/skype/package.json
@@ -1,7 +1,7 @@
 {
   "id": "skype",
   "name": "Skype",
-  "version": "3.5.4",
+  "version": "3.6.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.skype.com/",
diff --git a/recipes/skype/webview-unsafe.js b/recipes/skype/webview-unsafe.js
index 28f5e0e..a782464 100644
--- a/recipes/skype/webview-unsafe.js
+++ b/recipes/skype/webview-unsafe.js
@@ -1,4 +1,7 @@
-const nameDescriptor = Object.getOwnPropertyDescriptor(Plugin.prototype, 'name');
+const nameDescriptor = Object.getOwnPropertyDescriptor(
+  Plugin.prototype,
+  'name',
+);
 const getName = nameDescriptor.get;
 Object.defineProperty(Plugin.prototype, 'name', {
   ...nameDescriptor,
diff --git a/recipes/skype/webview.js b/recipes/skype/webview.js
index db97d98..45bc005 100644
--- a/recipes/skype/webview.js
+++ b/recipes/skype/webview.js
@@ -1,6 +1,8 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = (Ferdium, settings) => {
   const getMessages = () => {
@@ -8,13 +10,16 @@ module.exports = (Ferdium, settings) => {
     const container = document.querySelector('[role="tablist"] > button > div');
 
     if (container) {
-      const children = container.children;
+      const { children } = container;
 
       if (children.length === 3) {
+        // eslint-disable-next-line unicorn/prefer-at
         const elementContainer = children[children.length - 1];
 
         if (elementContainer) {
-          const element = elementContainer.querySelector('[data-text-as-pseudo-element]');
+          const element = elementContainer.querySelector(
+            '[data-text-as-pseudo-element]',
+          );
           if (element && element.dataset) {
             count = Ferdium.safeParseInt(element.dataset.textAsPseudoElement);
           }
@@ -31,21 +36,27 @@ module.exports = (Ferdium, settings) => {
   Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
 
   // TODO: See how this can be moved into the main ferdium app and sent as an ipc message for opening with a new window or same Ferdium recipe's webview based on user's preferences
-  document.addEventListener('click', event => {
-    const link = event.target.closest('a[href^="http"]');
-    const button = event.target.closest('button[title^="http"]');
-
-    if (link || button) {
-      const url = link ? link.getAttribute('href') : button.getAttribute('title');
-
-      event.preventDefault();
-      event.stopPropagation();
-
-      if (settings.trapLinkClicks === true) {
-        window.location.href = url;
-      } else {
-        Ferdium.openNewWindow(url);
+  document.addEventListener(
+    'click',
+    event => {
+      const link = event.target.closest('a[href^="http"]');
+      const button = event.target.closest('button[title^="http"]');
+
+      if (link || button) {
+        const url = link
+          ? link.getAttribute('href')
+          : button.getAttribute('title');
+
+        event.preventDefault();
+        event.stopPropagation();
+
+        if (settings.trapLinkClicks === true) {
+          window.location.href = url;
+        } else {
+          Ferdium.openNewWindow(url);
+        }
       }
-    }
-  }, true);
+    },
+    true,
+  );
 };
diff --git a/recipes/slack/package.json b/recipes/slack/package.json
index 9105f31..99e3559 100644
--- a/recipes/slack/package.json
+++ b/recipes/slack/package.json
@@ -1,7 +1,7 @@
 {
   "id": "slack",
   "name": "Slack",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.slack.com",
diff --git a/recipes/slack/webview.js b/recipes/slack/webview.js
index b3722f0..bd28ba9 100644
--- a/recipes/slack/webview.js
+++ b/recipes/slack/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 const SELECTOR_CHANNELS_UNREAD =
   '.p-channel_sidebar__channel--unread:not(.p-channel_sidebar__channel--muted)';
 
diff --git a/recipes/slite/package.json b/recipes/slite/package.json
index 6ed9773..8e97183 100644
--- a/recipes/slite/package.json
+++ b/recipes/slite/package.json
@@ -1,7 +1,7 @@
 {
   "id": "slite",
   "name": "Slite",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.slite.com",
diff --git a/recipes/slite/webview.js b/recipes/slite/webview.js
index cb0bebf..5c3985f 100644
--- a/recipes/slite/webview.js
+++ b/recipes/slite/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const element = document.querySelector(
@@ -7,4 +13,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/slowly/package.json b/recipes/slowly/package.json
index 13b9c23..302388c 100644
--- a/recipes/slowly/package.json
+++ b/recipes/slowly/package.json
@@ -1,7 +1,7 @@
 {
   "id": "slowly",
   "name": "Slowly",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/BerakaStudio/franz-slowly",
   "config": {
diff --git a/recipes/slowly/webview.js b/recipes/slowly/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/slowly/webview.js
+++ b/recipes/slowly/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/smartsheet/package.json b/recipes/smartsheet/package.json
index aa19e96..8595e1f 100644
--- a/recipes/smartsheet/package.json
+++ b/recipes/smartsheet/package.json
@@ -1,7 +1,7 @@
 {
   "id": "smartsheet",
   "name": "SmartSheet",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.smartsheet.com"
diff --git a/recipes/smartsheet/webview.js b/recipes/smartsheet/webview.js
index 56a20b6..1119219 100644
--- a/recipes/smartsheet/webview.js
+++ b/recipes/smartsheet/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/snapchat/package.json b/recipes/snapchat/package.json
index e7c9408..0c96faa 100644
--- a/recipes/snapchat/package.json
+++ b/recipes/snapchat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "snapchat",
   "name": "Snapchat",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.snapchat.com/"
diff --git a/recipes/snapchat/webview.js b/recipes/snapchat/webview.js
index 78a2455..352b012 100644
--- a/recipes/snapchat/webview.js
+++ b/recipes/snapchat/webview.js
@@ -1,13 +1,13 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const title = document.querySelector('title').textContent.match(/\d+/);
-    const count = title !== null ? title[0] : 0;
+    const count = title === null ? 0 : title[0];
 
     Ferdium.setBadge(count);
   };
diff --git a/recipes/snapdrop/index.js b/recipes/snapdrop/index.js
index f0797ea..4e126b1 100644
--- a/recipes/snapdrop/index.js
+++ b/recipes/snapdrop/index.js
@@ -1,15 +1,17 @@
-module.exports = (Ferdium) => class Snapdrop extends Ferdium {
-  modifyRequestHeaders() {
-    return [
-      {
-        headers: {
-          // TODO: Rather than hardcoding like this, the user should set it for their individual installation of Ferdium
-          'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36',
+module.exports = Ferdium =>
+  class Snapdrop extends Ferdium {
+    modifyRequestHeaders() {
+      return [
+        {
+          headers: {
+            // TODO: Rather than hardcoding like this, the user should set it for their individual installation of Ferdium
+            'user-agent':
+              'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36',
+          },
+          requestFilters: {
+            urls: ['*://*/*'],
+          },
         },
-        requestFilters: {
-          urls: ['*://*/*'],
-        },
-      },
-    ];
-  }
-};
+      ];
+    }
+  };
diff --git a/recipes/snapdrop/package.json b/recipes/snapdrop/package.json
index a9c96fd..1285642 100644
--- a/recipes/snapdrop/package.json
+++ b/recipes/snapdrop/package.json
@@ -1,7 +1,7 @@
 {
   "id": "snapdrop",
   "name": "Snapdrop",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "http://snapdrop.net/",
diff --git a/recipes/snapdrop/webview.js b/recipes/snapdrop/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/snapdrop/webview.js
+++ b/recipes/snapdrop/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/sococo/package.json b/recipes/sococo/package.json
index 3f9f7f0..000f986 100644
--- a/recipes/sococo/package.json
+++ b/recipes/sococo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "sococo",
   "name": "Sococo",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/klcodanr/recipe-sococo",
   "config": {
diff --git a/recipes/sococo/webview.js b/recipes/sococo/webview.js
index c1e6326..44b258d 100644
--- a/recipes/sococo/webview.js
+++ b/recipes/sococo/webview.js
@@ -1,6 +1,12 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    let indirect = document.querySelectorAll('.new-messages');
+    const indirect = document.querySelectorAll('.new-messages');
     let direct = 0;
     for (const badge of document.querySelectorAll('.people-pane .badge')) {
       direct += Ferdium.safeParseInt(badge.textContent);
@@ -9,4 +15,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/stackexchange/package.json b/recipes/stackexchange/package.json
index 2a57d10..60c5585 100644
--- a/recipes/stackexchange/package.json
+++ b/recipes/stackexchange/package.json
@@ -1,7 +1,7 @@
 {
   "id": "stackexchange",
   "name": "StackExchange",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://stackexchange.com/"
diff --git a/recipes/stackexchange/webview.js b/recipes/stackexchange/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/stackexchange/webview.js
+++ b/recipes/stackexchange/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/stackoverflow-chat/package.json b/recipes/stackoverflow-chat/package.json
index a291593..14ff835 100644
--- a/recipes/stackoverflow-chat/package.json
+++ b/recipes/stackoverflow-chat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "stackoverflow-chat",
   "name": "Stack Overflow Chat",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://chat.stackoverflow.com/",
diff --git a/recipes/stackoverflow-chat/webview.js b/recipes/stackoverflow-chat/webview.js
index aa5bde6..c600a65 100644
--- a/recipes/stackoverflow-chat/webview.js
+++ b/recipes/stackoverflow-chat/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const unreadSpan = document.querySelector(
@@ -10,4 +16,6 @@ module.exports = Ferdium => {
     Ferdium.setBadge(directCount);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/stackoverflow/package.json b/recipes/stackoverflow/package.json
index 747bfb8..ca91bb0 100644
--- a/recipes/stackoverflow/package.json
+++ b/recipes/stackoverflow/package.json
@@ -1,7 +1,7 @@
 {
   "id": "stackoverflow",
   "name": "Stack Overflow",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "MIT",
   "repository": "https://github.com/christianascone/franz-recipe-stackoverflow",
   "config": {
diff --git a/recipes/stackoverflow/webview.js b/recipes/stackoverflow/webview.js
index 0da8914..f9de87a 100644
--- a/recipes/stackoverflow/webview.js
+++ b/recipes/stackoverflow/webview.js
@@ -1,8 +1,10 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   const getMessages = () => {
     const elements = document.querySelectorAll('.CxUIE, .unread');
     let count = 0;
diff --git a/recipes/standardnotes/package.json b/recipes/standardnotes/package.json
index 8d3ce8b..fb4a287 100755
--- a/recipes/standardnotes/package.json
+++ b/recipes/standardnotes/package.json
@@ -1,7 +1,7 @@
 {
   "id": "standardnotes",
   "name": "StandardNotes",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "repository": "https://github.com/vantezzen/franz-recipe-standardnotes",
   "config": {
diff --git a/recipes/standardnotes/webview.js b/recipes/standardnotes/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/standardnotes/webview.js
+++ b/recipes/standardnotes/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/steamchat/index.js b/recipes/steamchat/index.js
index 7edfda5..3b3a28a 100644
--- a/recipes/steamchat/index.js
+++ b/recipes/steamchat/index.js
@@ -1,5 +1,8 @@
-module.exports = (Ferdium) => class SteamChat extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
-};
+module.exports = Ferdium =>
+  class SteamChat extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
+  };
diff --git a/recipes/steamchat/package.json b/recipes/steamchat/package.json
index 9123671..2f37026 100644
--- a/recipes/steamchat/package.json
+++ b/recipes/steamchat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "steamchat",
   "name": "SteamChat",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://steamcommunity.com/chat",
diff --git a/recipes/steamchat/webview.js b/recipes/steamchat/webview.js
index 9cb6d64..3385423 100644
--- a/recipes/steamchat/webview.js
+++ b/recipes/steamchat/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = (Ferdium, settings) => {
   const getMessages = () => {
     // get new msg count
@@ -30,13 +36,19 @@ module.exports = (Ferdium, settings) => {
 
   Ferdium.loop(getMessages);
 
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
   // TODO: See how this can be moved into the main ferdium app and sent as an ipc message for opening with a new window or same Ferdium recipe's webview based on user's preferences
-  document.addEventListener('click', event => {
-    const link = event.target.closest('a[href^="http"]');
-    const button = event.target.closest('button[title^="http"]');
+  document.addEventListener(
+    'click',
+    event => {
+      const link = event.target.closest('a[href^="http"]');
+      const button = event.target.closest('button[title^="http"]');
 
-    if (link || button) {
-      const url = link ? link.getAttribute('href') : button.getAttribute('title');
+      if (link || button) {
+        const url = link
+          ? link.getAttribute('href')
+          : button.getAttribute('title');
 
         event.preventDefault();
         event.stopPropagation();
@@ -46,6 +58,8 @@ module.exports = (Ferdium, settings) => {
         } else {
           Ferdium.openNewWindow(url);
         }
-    }
-  }, true);
+      }
+    },
+    true,
+  );
 };
diff --git a/recipes/stride/package.json b/recipes/stride/package.json
index d3dcb60..1405005 100644
--- a/recipes/stride/package.json
+++ b/recipes/stride/package.json
@@ -1,7 +1,7 @@
 {
   "id": "stride",
   "name": "Stride",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.stride.com",
diff --git a/recipes/stride/webview.js b/recipes/stride/webview.js
index 3ab132d..dc2edd4 100644
--- a/recipes/stride/webview.js
+++ b/recipes/stride/webview.js
@@ -1,6 +1,8 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
@@ -16,7 +18,7 @@ module.exports = Ferdium => {
         directCount += Math.max(1, +item.dataset.count);
       } else {
         // this will be the case for indirect messages
-        indirectCount++;
+        indirectCount += 1;
       }
     }
 
diff --git a/recipes/superhuman/index.js b/recipes/superhuman/index.js
index 3cae124..c2d4bee 100644
--- a/recipes/superhuman/index.js
+++ b/recipes/superhuman/index.js
@@ -1,6 +1,7 @@
-module.exports = Ferdium => class SuperHuman extends Ferdium {
-  overrideUserAgent() {
-    // TODO: Rather than hardcoding like this, the user should set it for their individual installation of Ferdium
-    return 'Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10136';
-  }
-};
+module.exports = Ferdium =>
+  class SuperHuman extends Ferdium {
+    overrideUserAgent() {
+      // TODO: Rather than hardcoding like this, the user should set it for their individual installation of Ferdium
+      return 'Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10136';
+    }
+  };
diff --git a/recipes/superhuman/package.json b/recipes/superhuman/package.json
index e4ea8ab..37283d8 100644
--- a/recipes/superhuman/package.json
+++ b/recipes/superhuman/package.json
@@ -1,7 +1,7 @@
 {
   "id": "superhuman",
   "name": "Superhuman",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/CrystalLarsh/franz-superhuman-recipe",
   "config": {
diff --git a/recipes/superhuman/webview.js b/recipes/superhuman/webview.js
index 0652545..6778fcd 100644
--- a/recipes/superhuman/webview.js
+++ b/recipes/superhuman/webview.js
@@ -1,8 +1,16 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const mentions = document.querySelectorAll('.chat-line .mentioned').length;
     Ferdium.setBadge(mentions, 0);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/sync/package.json b/recipes/sync/package.json
index f14f4e9..caf777b 100644
--- a/recipes/sync/package.json
+++ b/recipes/sync/package.json
@@ -1,7 +1,7 @@
 {
   "id": "sync",
   "name": "Sync",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://cp.sync.com/files/"
diff --git a/recipes/sync/webview.js b/recipes/sync/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/sync/webview.js
+++ b/recipes/sync/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/tawk/package.json b/recipes/tawk/package.json
index 8e7e10b..7b71411 100644
--- a/recipes/tawk/package.json
+++ b/recipes/tawk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tawk",
   "name": "Tawk.to",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://dashboard.tawk.to/",
diff --git a/recipes/tawk/webview.js b/recipes/tawk/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/tawk/webview.js
+++ b/recipes/tawk/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/tchap/index.js b/recipes/tchap/index.js
index 8244b1b..dd41f72 100644
--- a/recipes/tchap/index.js
+++ b/recipes/tchap/index.js
@@ -1 +1 @@
-module.exports = Ferdium => Ferdium;
\ No newline at end of file
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/tchap/package.json b/recipes/tchap/package.json
index a9425fc..cff6893 100644
--- a/recipes/tchap/package.json
+++ b/recipes/tchap/package.json
@@ -1,10 +1,10 @@
 {
     "id": "tchap",
     "name": "Tchap",
-    "version": "1.0.0",
+    "version": "1.1.0",
     "license": "MIT",
     "repository": "https://github.com/Sykursen/recipe-tchap/",
     "config": {
       "serviceURL": "https://www.tchap.gouv.fr/"
     }
-  }
\ No newline at end of file
+  }
diff --git a/recipes/tchap/webview.js b/recipes/tchap/webview.js
index bc24fe6..cd5b4a5 100644
--- a/recipes/tchap/webview.js
+++ b/recipes/tchap/webview.js
@@ -1,8 +1,16 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    let count = document.querySelector('.mx_RoomSubList_badge').innerHTML
+    const count = document.querySelector('.mx_RoomSubList_badge').innerHTML;
     Ferdium.setBadge(count);
   };
 
   Ferdium.loop(getMessages);
-};
\ No newline at end of file
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/teamleader/package.json b/recipes/teamleader/package.json
index 0b1fe52..5fc94c3 100644
--- a/recipes/teamleader/package.json
+++ b/recipes/teamleader/package.json
@@ -1,7 +1,7 @@
 {
   "id": "teamleader",
   "name": "teamleader",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.teamleader.eu/?gotologin",
diff --git a/recipes/teamleader/webview.js b/recipes/teamleader/webview.js
index f530549..422af5e 100644
--- a/recipes/teamleader/webview.js
+++ b/recipes/teamleader/webview.js
@@ -1,35 +1,33 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let notifications = 0;
     let indirectNotifications = 0;
 
-    const notification_element = document.querySelector(
-      '#notifications_amount',
-    );
-    const ticket_element = document.querySelector(
+    const notificationElement = document.querySelector('#notifications_amount');
+    const ticketElement = document.querySelector(
       "a[href='tickets.php'] > span",
     );
-    const call_element = document.querySelector('#queue_amount');
+    const callElement = document.querySelector('#queue_amount');
 
-    if (notification_element) {
+    if (notificationElement) {
       notifications = Ferdium.safeParseInt(
-        notification_element.getAttribute('datacount'),
+        notificationElement.getAttribute('datacount'),
       );
     }
 
-    if (ticket_element != null) {
-      indirectNotifications = Ferdium.safeParseInt(ticket_element.textContent);
+    if (ticketElement !== null) {
+      indirectNotifications = Ferdium.safeParseInt(ticketElement.textContent);
     }
 
-    if (call_element) {
+    if (callElement) {
       indirectNotifications += Ferdium.safeParseInt(
-        call_element.getAttribute('datacount'),
+        callElement.getAttribute('datacount'),
       );
     }
 
diff --git a/recipes/teamweek/package.json b/recipes/teamweek/package.json
index 881cc89..a9ce0f6 100644
--- a/recipes/teamweek/package.json
+++ b/recipes/teamweek/package.json
@@ -1,7 +1,7 @@
 {
         "id": "teamweek",
         "name": "Teamweek",
-        "version": "1.2.0",
+        "version": "1.3.0",
         "license": "MIT",
         "repository": "https://github.com/claudiupelmus/recipe-teamweek",
         "config": {
diff --git a/recipes/teamweek/webview.js b/recipes/teamweek/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/teamweek/webview.js
+++ b/recipes/teamweek/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/teamwork-projects/package.json b/recipes/teamwork-projects/package.json
index 02e89b9..56ce605 100644
--- a/recipes/teamwork-projects/package.json
+++ b/recipes/teamwork-projects/package.json
@@ -1,7 +1,7 @@
 {
   "id": "teamwork-projects",
   "name": "Teamwork Projects",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.teamwork.com/",
diff --git a/recipes/teamwork-projects/webview.js b/recipes/teamwork-projects/webview.js
index ca3df22..fa885bb 100644
--- a/recipes/teamwork-projects/webview.js
+++ b/recipes/teamwork-projects/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let indirectCount = 0;
@@ -11,4 +17,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/telegram/package.json b/recipes/telegram/package.json
index 31fc71d..ba4da14 100644
--- a/recipes/telegram/package.json
+++ b/recipes/telegram/package.json
@@ -1,7 +1,7 @@
 {
   "id": "telegram",
   "name": "Telegram",
-  "version": "3.3.7",
+  "version": "3.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.telegram.org",
diff --git a/recipes/telegram/webview.js b/recipes/telegram/webview.js
index ee9e803..5a12adb 100644
--- a/recipes/telegram/webview.js
+++ b/recipes/telegram/webview.js
@@ -1,13 +1,11 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+  const _path = _interopRequireDefault(require('path'));
+
 module.exports = (Ferdium, settings) => {
-  const telegramVersion = document
-    .querySelector('meta[property="og:url"]')
-    ?.getAttribute('content');
+  const telegramVersion = document.querySelector('meta[property="og:url"]')?.getAttribute('content');
 
   const isWebK = telegramVersion?.includes('/k/');
 
diff --git a/recipes/thelounge/package.json b/recipes/thelounge/package.json
index f5dc06f..ef43758 100644
--- a/recipes/thelounge/package.json
+++ b/recipes/thelounge/package.json
@@ -1,7 +1,7 @@
 {
   "id": "thelounge",
   "name": "The Lounge",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true,
diff --git a/recipes/thelounge/webview.js b/recipes/thelounge/webview.js
index 5d3dbb7..9be0862 100644
--- a/recipes/thelounge/webview.js
+++ b/recipes/thelounge/webview.js
@@ -1,10 +1,15 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
 
 function countsOfUnreadMessagesAfterMarker(unreadMarker) {
-  var children = unreadMarker.parentElement.childNodes;
-  var unread = 0;
-  var unreadHighlighted = 0;
+  const children = unreadMarker.parentElement.childNodes;
+  let unread = 0;
+  let unreadHighlighted = 0;
 
-  for(var i = children.length-1; i >= 0; --i) {
+  for (let i = children.length - 1; i >= 0; i -= 1) {
     if (children[i] === unreadMarker) {
       break;
     }
@@ -14,10 +19,10 @@ function countsOfUnreadMessagesAfterMarker(unreadMarker) {
     }
 
     if (children[i].classList.contains('msg')) {
-      unread++;
+      unread += 1;
 
       if (children[i].classList.contains('highlight')) {
-        unreadHighlighted++;
+        unreadHighlighted += 1;
       }
     }
   }
@@ -26,8 +31,8 @@ function countsOfUnreadMessagesAfterMarker(unreadMarker) {
 }
 
 module.exports = Ferdium => {
-  var unreadMessagesAtLastActivity = 0;
-  var unreadHighlightedMessagesAtLastActivity = 0;
+  let unreadMessagesAtLastActivity = 0;
+  let unreadHighlightedMessagesAtLastActivity = 0;
 
   const getMessages = () => {
     // In order to get a correct tally of unread messages, we must
@@ -37,7 +42,7 @@ module.exports = Ferdium => {
     // messages that arrived before or while the app has focus.
 
     let direct = 0;
-    var directElements = document.querySelectorAll('.badge.highlight');
+    const directElements = document.querySelectorAll('.badge.highlight');
 
     for (const directElement of directElements) {
       if (directElement.textContent.length > 0) {
@@ -51,16 +56,16 @@ module.exports = Ferdium => {
     );
     for (const indirectElement of indirectElements) {
       if (indirectElement.textContent.length > 0) {
-        indirect++;
+        indirect += 1;
       }
     }
 
     const unreadMarkers = document.querySelectorAll('div.unread-marker');
 
     if (unreadMarkers.length > 0) {
-      var counts = countsOfUnreadMessagesAfterMarker(unreadMarkers[0]);
-      var unread = counts[0];
-      var unreadHighlighted = counts[1];
+      const counts = countsOfUnreadMessagesAfterMarker(unreadMarkers[0]);
+      const unread = counts[0];
+      const unreadHighlighted = counts[1];
 
       if (document.hasFocus()) {
         unreadMessagesAtLastActivity = unread;
@@ -68,10 +73,13 @@ module.exports = Ferdium => {
       }
 
       if (unread > unreadMessagesAtLastActivity) {
-        if (unreadHighlighted > 0 && unreadHighlighted > unreadHighlightedMessagesAtLastActivity) {
-          direct += (unreadHighlighted - unreadHighlightedMessagesAtLastActivity);
+        if (
+          unreadHighlighted > 0 &&
+          unreadHighlighted > unreadHighlightedMessagesAtLastActivity
+        ) {
+          direct += unreadHighlighted - unreadHighlightedMessagesAtLastActivity;
         } else {
-          indirect++;
+          indirect += 1;
         }
       }
     } else {
@@ -84,8 +92,9 @@ module.exports = Ferdium => {
 
   Ferdium.loop(getMessages);
 
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+
   // We need to monkey patch ServierWorker.postMessage so that notifications
   // will work, and that needs to be done without context isolation:
-  const path = require('path');
-  Ferdium.injectJSUnsafe(path.join(__dirname, 'webview-unsafe.js'));
+  Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
 };
diff --git a/recipes/threema/package.json b/recipes/threema/package.json
index 5424f60..779e96f 100644
--- a/recipes/threema/package.json
+++ b/recipes/threema/package.json
@@ -1,7 +1,7 @@
 {
   "id": "threema",
   "name": "Threema",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/Arany/franz-recipe-threema",
   "config": {
diff --git a/recipes/threema/webview.js b/recipes/threema/webview.js
index 16eb20a..272fec0 100644
--- a/recipes/threema/webview.js
+++ b/recipes/threema/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const elements = document.querySelectorAll(
diff --git a/recipes/tick/package.json b/recipes/tick/package.json
index 2c1356f..11076a8 100644
--- a/recipes/tick/package.json
+++ b/recipes/tick/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tick",
   "name": "tick",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "http://app.tickspot.com/"
diff --git a/recipes/tick/webview.js b/recipes/tick/webview.js
index 8101672..bc6a4b8 100644
--- a/recipes/tick/webview.js
+++ b/recipes/tick/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: not sure what "notify" would be useful for this app
 
diff --git a/recipes/tiktok/package.json b/recipes/tiktok/package.json
index 5d8e794..a0018b1 100644
--- a/recipes/tiktok/package.json
+++ b/recipes/tiktok/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tiktok",
   "name": "Tiktok",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://tiktok.com"
diff --git a/recipes/tiktok/webview.js b/recipes/tiktok/webview.js
index 6f78019..d2bf2d0 100644
--- a/recipes/tiktok/webview.js
+++ b/recipes/tiktok/webview.js
@@ -1,16 +1,23 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const selNotifications =  document.querySelector("div.tiktok-1b4xcc5-DivHeaderInboxContainer.e18kkhh40 > sup");
-    const selDM = document.querySelector("div.tiktok-1ibfxbr-DivMessageIconContainer.e1nx07zo0 > sup");
+    const selNotifications = document.querySelector(
+      'div.tiktok-1b4xcc5-DivHeaderInboxContainer.e18kkhh40 > sup',
+    );
+    const selDM = document.querySelector(
+      'div.tiktok-1ibfxbr-DivMessageIconContainer.e1nx07zo0 > sup',
+    );
 
-    const countNotifications = (selNotifications != null) ? Ferdium.safeParseInt(selNotifications.outerText) : 0;
-    const countDM = (selDM != null) ? Ferdium.safeParseInt(selDM.outerText) : 0;
+    const countNotifications =
+      selNotifications == null
+        ? 0
+        : Ferdium.safeParseInt(selNotifications.outerText);
+    const countDM = selDM == null ? 0 : Ferdium.safeParseInt(selDM.outerText);
 
     const count = countNotifications + countDM;
 
diff --git a/recipes/tinder/package.json b/recipes/tinder/package.json
index c3619ee..c5f5a77 100644
--- a/recipes/tinder/package.json
+++ b/recipes/tinder/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tinder",
   "name": "Tinder",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://tinder.com"
diff --git a/recipes/tinder/webview.js b/recipes/tinder/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/tinder/webview.js
+++ b/recipes/tinder/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/tixio/package.json b/recipes/tixio/package.json
index 161dcc9..4b4a365 100644
--- a/recipes/tixio/package.json
+++ b/recipes/tixio/package.json
@@ -1,7 +1,7 @@
 {
     "id": "tixio",
     "name": "Tixio",
-    "version": "1.2.0",
+    "version": "1.3.0",
     "license": "MIT",
     "repository": "https://github.com/hmcclungiii/franz-recipe-tixio",
     "config": {
diff --git a/recipes/tixio/webview.js b/recipes/tixio/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/tixio/webview.js
+++ b/recipes/tixio/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/todoist/package.json b/recipes/todoist/package.json
index 34aa90f..1a06223 100644
--- a/recipes/todoist/package.json
+++ b/recipes/todoist/package.json
@@ -1,7 +1,7 @@
 {
   "id": "todoist",
   "name": "Todoist",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "repository": "https://github.com/meetfranz/recipe-todoist",
   "config": {
diff --git a/recipes/todoist/webview.js b/recipes/todoist/webview.js
index 27b77ad..32dc1f2 100644
--- a/recipes/todoist/webview.js
+++ b/recipes/todoist/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   function getTasks() {
     let todayCount = 0;
@@ -17,4 +23,6 @@ module.exports = Ferdium => {
   }
 
   Ferdium.loop(getTasks);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/toggl/package.json b/recipes/toggl/package.json
index 327a91d..76297b1 100644
--- a/recipes/toggl/package.json
+++ b/recipes/toggl/package.json
@@ -1,7 +1,7 @@
 {
   "id": "toggl",
   "name": "Toggl",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.toggl.com/app/timer",
diff --git a/recipes/toggl/webview-unsafe.js b/recipes/toggl/webview-unsafe.js
index f657e0c..3e39e3e 100644
--- a/recipes/toggl/webview-unsafe.js
+++ b/recipes/toggl/webview-unsafe.js
@@ -1,6 +1,8 @@
 // only try to update badge once Ferdium API has finished loading
-if (window.ferdium != undefined && window.ferdium.setBadge != undefined) {
-  var timerRunning = (window.toggl != undefined) && !!(window.toggl.store.getState().view.timer.timeEntry.start);
+if (window.ferdium !== undefined && window.ferdium.setBadge !== undefined) {
+  const timerRunning =
+    window.toggl !== undefined &&
+    !!window.toggl.store.getState().view.timer.timeEntry.start;
 
   // Treat running timer as a "non-direct" notification (default blue dot instead of urgent red "1")
   window.ferdium.setBadge(0, timerRunning ? 1 : 0);
diff --git a/recipes/toggl/webview.js b/recipes/toggl/webview.js
index 39ac3c3..22d5a66 100644
--- a/recipes/toggl/webview.js
+++ b/recipes/toggl/webview.js
@@ -1,11 +1,13 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
-    const updateBadge = function updateBadge() {
-        Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
-    };
+  const updateBadge = function updateBadge() {
+    Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
+  };
 
-    Ferdium.loop(updateBadge);
+  Ferdium.loop(updateBadge);
 };
diff --git a/recipes/trakt/index.js b/recipes/trakt/index.js
index 606c6e3..6ae3ad9 100644
--- a/recipes/trakt/index.js
+++ b/recipes/trakt/index.js
@@ -1 +1 @@
-module.exports = Ferdium => class Trakt extends Ferdium {};
\ No newline at end of file
+module.exports = Ferdium => class Trakt extends Ferdium {};
diff --git a/recipes/trakt/package.json b/recipes/trakt/package.json
index 73d7d36..0e52f07 100644
--- a/recipes/trakt/package.json
+++ b/recipes/trakt/package.json
@@ -1,7 +1,7 @@
 {
   "id": "trakt",
   "name": "Trakt",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://trakt.tv"
diff --git a/recipes/trakt/webview.js b/recipes/trakt/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/trakt/webview.js
+++ b/recipes/trakt/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/trello/package.json b/recipes/trello/package.json
index 2dbe59a..9036085 100644
--- a/recipes/trello/package.json
+++ b/recipes/trello/package.json
@@ -1,7 +1,7 @@
 {
   "id": "trello",
   "name": "Trello",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://trello.com/"
diff --git a/recipes/trello/webview.js b/recipes/trello/webview.js
index 3207890..a1d1f9b 100644
--- a/recipes/trello/webview.js
+++ b/recipes/trello/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const notifications = document.querySelectorAll('[class*=_3W-zkl4-bnVKzJ]');
@@ -5,4 +11,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/tt-rss/index.js b/recipes/tt-rss/index.js
index 3b384eb..dd41f72 100644
--- a/recipes/tt-rss/index.js
+++ b/recipes/tt-rss/index.js
@@ -1,3 +1 @@
-"use strict";
-
 module.exports = Ferdium => Ferdium;
diff --git a/recipes/tt-rss/package.json b/recipes/tt-rss/package.json
index a2fff77..ebc04e8 100644
--- a/recipes/tt-rss/package.json
+++ b/recipes/tt-rss/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tt-rss",
   "name": "Tiny Tiny RSS",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "hasCustomUrl": true
diff --git a/recipes/tt-rss/webview.js b/recipes/tt-rss/webview.js
index 7d90615..e0581ce 100644
--- a/recipes/tt-rss/webview.js
+++ b/recipes/tt-rss/webview.js
@@ -1,24 +1,22 @@
-"use strict";
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
-  const _notificationCategory = new URL(window.location.href).searchParams.get("ferdiumNotificationCategory");
-  
-  const getMessages = function getMessages() {
-    if (_notificationCategory) {
-      countMessagesUnderCategory(_notificationCategory);
-    } else {
-      countMessages();
-    }
-  };
+  const _notificationCategory = new URL(window.location.href).searchParams.get(
+    'ferdiumNotificationCategory',
+  );
 
-  const countMessagesUnderCategory = (notificationCategory) => {
-    var elements = document.querySelectorAll(".dijitTreeIsRoot")
-    var directMessages = 0;
-    var indirectMessages = 0;
-    for (var element of elements) {
-      var label = element.querySelectorAll(".dijitTreeLabel")[0];
-      var unreadNode = element.querySelectorAll(".unread")[0];
-      var unreadAmount = Ferdium.safeParseInt(unreadNode.textContent);
+  const countMessagesUnderCategory = notificationCategory => {
+    const elements = document.querySelectorAll('.dijitTreeIsRoot');
+    let directMessages = 0;
+    let indirectMessages = 0;
+    for (const element of elements) {
+      const label = element.querySelectorAll('.dijitTreeLabel')[0];
+      const unreadNode = element.querySelectorAll('.unread')[0];
+      const unreadAmount = Ferdium.safeParseInt(unreadNode.textContent);
       if (label.textContent === notificationCategory) {
         directMessages += unreadAmount;
       } else {
@@ -29,18 +27,28 @@ module.exports = Ferdium => {
   };
 
   const _countMessagesFromTitle = () => {
-    var match = document.title.match(/^\((\d+)\) Tiny Tiny RSS$/);
-    var count = match != null && match.length > 0 ? match[1] : 0;
+    const match = document.title.match(/^\((\d+)\) Tiny Tiny RSS$/);
+    const count = match !== null && match.length > 0 ? match[1] : 0;
     return Ferdium.safeParseInt(count);
-  }
+  };
 
   const countMessages = () => {
     Ferdium.setBadge(_countMessagesFromTitle());
   };
 
+  const getMessages = function getMessages() {
+    if (_notificationCategory) {
+      countMessagesUnderCategory(_notificationCategory);
+    } else {
+      countMessages();
+    }
+  };
+
   const loopFunc = () => {
     getMessages();
   };
 
   Ferdium.loop(loopFunc);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/tutanota/package.json b/recipes/tutanota/package.json
index a502009..0190fe6 100644
--- a/recipes/tutanota/package.json
+++ b/recipes/tutanota/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tutanota",
   "name": "Tutanota",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.tutanota.com/"
diff --git a/recipes/tutanota/webview.js b/recipes/tutanota/webview.js
index 46366f4..1119219 100644
--- a/recipes/tutanota/webview.js
+++ b/recipes/tutanota/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
-};
\ No newline at end of file
+};
diff --git a/recipes/tweetdeck/package.json b/recipes/tweetdeck/package.json
index b082b40..2845be6 100644
--- a/recipes/tweetdeck/package.json
+++ b/recipes/tweetdeck/package.json
@@ -1,7 +1,7 @@
 {
   "id": "tweetdeck",
   "name": "Tweetdeck",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://tweetdeck.twitter.com/",
diff --git a/recipes/tweetdeck/webview.js b/recipes/tweetdeck/webview.js
index 7e2a067..00abfff 100644
--- a/recipes/tweetdeck/webview.js
+++ b/recipes/tweetdeck/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // Tweetdeck redirect fix
   Ferdium.ipcRenderer.on('redirect-url', (event, url) => {
@@ -15,4 +21,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/twist/package.json b/recipes/twist/package.json
index f169607..90e7ee7 100644
--- a/recipes/twist/package.json
+++ b/recipes/twist/package.json
@@ -1,7 +1,7 @@
 {
   "id": "twist",
   "name": "Twist",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://twistapp.com/login",
diff --git a/recipes/twist/webview.js b/recipes/twist/webview.js
index 4f3cbbe..aa74758 100644
--- a/recipes/twist/webview.js
+++ b/recipes/twist/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const count = document.querySelectorAll('.switch_pane>.unread').length;
@@ -5,4 +11,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/twitch/package.json b/recipes/twitch/package.json
index d9efe7d..1ba5c71 100644
--- a/recipes/twitch/package.json
+++ b/recipes/twitch/package.json
@@ -1,7 +1,7 @@
 {
   "id": "twitch",
   "name": "Twitch",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.twitch.tv/{teamId}/chat",
diff --git a/recipes/twitch/webview.js b/recipes/twitch/webview.js
index 0652545..6778fcd 100644
--- a/recipes/twitch/webview.js
+++ b/recipes/twitch/webview.js
@@ -1,8 +1,16 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const mentions = document.querySelectorAll('.chat-line .mentioned').length;
     Ferdium.setBadge(mentions, 0);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/twitter-dm/package.json b/recipes/twitter-dm/package.json
index 208e82d..0548348 100644
--- a/recipes/twitter-dm/package.json
+++ b/recipes/twitter-dm/package.json
@@ -1,7 +1,7 @@
 {
   "id": "twitter-dm",
   "name": "Twitter DM",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mobile.twitter.com/messages",
diff --git a/recipes/twitter-dm/webview.js b/recipes/twitter-dm/webview.js
index e8f7dd1..c29d264 100644
--- a/recipes/twitter-dm/webview.js
+++ b/recipes/twitter-dm/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
@@ -10,4 +16,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/twitter/package.json b/recipes/twitter/package.json
index 76e0ce0..4a1801f 100644
--- a/recipes/twitter/package.json
+++ b/recipes/twitter/package.json
@@ -1,7 +1,7 @@
 {
   "id": "twitter",
   "name": "Twitter",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "repository": "https://github.com/ferdium/ferdium-recipes",
   "config": {
diff --git a/recipes/twitter/webview.js b/recipes/twitter/webview.js
index d8341e4..7a859dc 100644
--- a/recipes/twitter/webview.js
+++ b/recipes/twitter/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let direct = 0;
@@ -21,4 +27,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/udemy/package.json b/recipes/udemy/package.json
index 763ed5d..4af1525 100644
--- a/recipes/udemy/package.json
+++ b/recipes/udemy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "udemy",
   "name": "Udemy",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/gaspergrom/Franz-services/tree/master/udemy",
   "config": {
diff --git a/recipes/udemy/webview.js b/recipes/udemy/webview.js
index 02b9c08..1d7ff56 100644
--- a/recipes/udemy/webview.js
+++ b/recipes/udemy/webview.js
@@ -1,9 +1,17 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    let direct = 0;
-    let indirect = 0;
+    const direct = 0;
+    const indirect = 0;
     Ferdium.setBadge(direct, indirect);
-  }
+  };
 
   Ferdium.loop(getMessages);
-}
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/unraid/package.json b/recipes/unraid/package.json
index 479b48b..7d216c9 100644
--- a/recipes/unraid/package.json
+++ b/recipes/unraid/package.json
@@ -1,7 +1,7 @@
 {
   "id": "unraid",
   "name": "Unraid",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/rctneil/franz-recipe-unraid",
   "config": {
diff --git a/recipes/unraid/webview.js b/recipes/unraid/webview.js
index f3a9eb4..b78c835 100644
--- a/recipes/unraid/webview.js
+++ b/recipes/unraid/webview.js
@@ -1,4 +1,10 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     const messages = $('#jGrowl .jGrowl-notify').length;
 
@@ -6,4 +12,6 @@ module.exports = (Ferdium) => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/vk/package.json b/recipes/vk/package.json
index f721d6d..0d07180 100644
--- a/recipes/vk/package.json
+++ b/recipes/vk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "vk",
   "name": "VK",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/meetfranz/recipe-vk",
   "config": {
diff --git a/recipes/vk/webview.js b/recipes/vk/webview.js
index aac23c3..a217d96 100644
--- a/recipes/vk/webview.js
+++ b/recipes/vk/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directs = 0;
@@ -26,4 +32,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(loopFunc);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/voxer/package.json b/recipes/voxer/package.json
index a274996..c83165c 100644
--- a/recipes/voxer/package.json
+++ b/recipes/voxer/package.json
@@ -1,7 +1,7 @@
 {
   "id": "voxer",
   "name": "Voxer",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.voxer.com",
diff --git a/recipes/voxer/webview.js b/recipes/voxer/webview.js
index 5474b2c..1182ef7 100644
--- a/recipes/voxer/webview.js
+++ b/recipes/voxer/webview.js
@@ -1,6 +1,8 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
diff --git a/recipes/wakatime/package.json b/recipes/wakatime/package.json
index 2bb16f9..949d5a7 100644
--- a/recipes/wakatime/package.json
+++ b/recipes/wakatime/package.json
@@ -1,7 +1,7 @@
 {
   "id": "wakatime",
   "name": "Wakatime",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://wakatime.com/login"
diff --git a/recipes/wakatime/webview.js b/recipes/wakatime/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/wakatime/webview.js
+++ b/recipes/wakatime/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/webex-teams/package.json b/recipes/webex-teams/package.json
index 6d3b780..429448e 100644
--- a/recipes/webex-teams/package.json
+++ b/recipes/webex-teams/package.json
@@ -1,7 +1,7 @@
 {
   "id": "webex-teams",
   "name": "Webex Teams",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.webex.com",
diff --git a/recipes/webex-teams/webview.js b/recipes/webex-teams/webview.js
index 01ae230..b70c070 100644
--- a/recipes/webex-teams/webview.js
+++ b/recipes/webex-teams/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
@@ -18,4 +24,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/wechat/package.json b/recipes/wechat/package.json
index cdc76b9..7e7aed9 100644
--- a/recipes/wechat/package.json
+++ b/recipes/wechat/package.json
@@ -1,7 +1,7 @@
 {
   "id": "wechat",
   "name": "WeChat",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/koma-private/recipe-wechat",
   "config": {
diff --git a/recipes/wechat/webview.js b/recipes/wechat/webview.js
index 033faae..e11bf0b 100644
--- a/recipes/wechat/webview.js
+++ b/recipes/wechat/webview.js
@@ -1,16 +1,16 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directCount = 0;
     let indirectCount = 0;
-    const chat_item = document.querySelectorAll('div.chat_item');
+    const chatItem = document.querySelectorAll('div.chat_item');
 
-    Array.prototype.forEach.call(chat_item, item => {
+    Array.prototype.forEach.call(chatItem, item => {
       let count = 0;
       const reddot = item.querySelector('i.web_wechat_reddot_middle');
       const avatarImage = item.querySelector('img.img');
@@ -21,7 +21,7 @@ module.exports = Ferdium => {
 
       if (
         avatarImage &&
-        avatarImage.getAttribute('src').search('webwxgeticon') != -1
+        avatarImage.getAttribute('src').search('webwxgeticon') !== -1
       ) {
         directCount += count;
       } else {
diff --git a/recipes/weekplan/package.json b/recipes/weekplan/package.json
index 8fa7d9c..a8cc68a 100644
--- a/recipes/weekplan/package.json
+++ b/recipes/weekplan/package.json
@@ -1,7 +1,7 @@
 {
   "id": "weekplan",
   "name": "Weekplan",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/minipada/recipe-weekplan",
   "config": {
diff --git a/recipes/weekplan/webview.js b/recipes/weekplan/webview.js
index 5085199..c657366 100644
--- a/recipes/weekplan/webview.js
+++ b/recipes/weekplan/webview.js
@@ -1,10 +1,28 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const events = document.querySelectorAll(".today")[0].querySelectorAll('.list')[0].querySelectorAll('.task-list')[0].querySelectorAll('.event-section')[0].querySelectorAll('.droppable')[0].children[0].childElementCount
-    const tasks = document.querySelectorAll(".today")[0].querySelectorAll('.list')[0].querySelectorAll('.task-list')[0].querySelectorAll('.task-section')[0].querySelectorAll('.droppable')[0].children[0].childElementCount
+    const events = document
+      .querySelectorAll('.today')[0]
+      .querySelectorAll('.list')[0]
+      .querySelectorAll('.task-list')[0]
+      .querySelectorAll('.event-section')[0]
+      .querySelectorAll('.droppable')[0].children[0].childElementCount;
+    const tasks = document
+      .querySelectorAll('.today')[0]
+      .querySelectorAll('.list')[0]
+      .querySelectorAll('.task-list')[0]
+      .querySelectorAll('.task-section')[0]
+      .querySelectorAll('.droppable')[0].children[0].childElementCount;
 
     Ferdium.setBadge(events + tasks);
   };
 
   Ferdium.loop(getMessages);
-}
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/whatsapp/index.js b/recipes/whatsapp/index.js
index 80eaf51..1392dcb 100644
--- a/recipes/whatsapp/index.js
+++ b/recipes/whatsapp/index.js
@@ -1,18 +1,23 @@
-module.exports = (Ferdium) => class Messenger extends Ferdium {
-  overrideUserAgent() {
-    return window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim();
-  }
+module.exports = Ferdium =>
+  class Messenger extends Ferdium {
+    overrideUserAgent() {
+      return window.navigator.userAgent
+        .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+        .trim();
+    }
 
-  modifyRequestHeaders() {
-    return [
-      {
-        headers: {
-          'user-agent': window.navigator.userAgent.replace(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '').trim(),
+    modifyRequestHeaders() {
+      return [
+        {
+          headers: {
+            'user-agent': window.navigator.userAgent
+              .replaceAll(/(Ferdium|Electron)\/\S+ \([^)]+\)/g, '')
+              .trim(),
+          },
+          requestFilters: {
+            urls: ['*://*/*'],
+          },
         },
-        requestFilters: {
-          urls: ['*://*/*'],
-        },
-      },
-    ];
-  }
-};
+      ];
+    }
+  };
diff --git a/recipes/whatsapp/package.json b/recipes/whatsapp/package.json
index 88a7e30..e3a8fa8 100644
--- a/recipes/whatsapp/package.json
+++ b/recipes/whatsapp/package.json
@@ -1,7 +1,7 @@
 {
   "id": "whatsapp",
   "name": "WhatsApp",
-  "version": "3.4.11",
+  "version": "3.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://web.whatsapp.com",
diff --git a/recipes/whatsapp/webview-unsafe.js b/recipes/whatsapp/webview-unsafe.js
index b6b365b..7382f3d 100644
--- a/recipes/whatsapp/webview-unsafe.js
+++ b/recipes/whatsapp/webview-unsafe.js
@@ -5,38 +5,37 @@ const PUSHSTATE_THROTTLE = 1;
 const PUSHSTATE_THROTTLE_THRESHOLD = 1;
 
 window.shPushState = window.history.pushState;
-//window.pushStateBehavior = PUSHSTATE_NORMAL;
+// window.pushStateBehavior = PUSHSTATE_NORMAL;
 window.pushStateBehavior = PUSHSTATE_THROTTLE;
 window.pushStateCount = 0;
 
 function pushStateThrottled() {
-        if (window.pushStateCount < PUSHSTATE_THROTTLE_THRESHOLD)
-        {
-                window.shPushState.apply(window.history, arguments);
-                window.pushStateCount++;
-
-                if (window.pushStateCount == PUSHSTATE_THROTTLE_THRESHOLD)
-                        setTimeout(() => {
-                                window.pushStateCount = 0;
-                        },
-                        5000);
-        }
-        else
-        {
-                console.log("Pushstate temporarily blocked!");
-        }
+  if (window.pushStateCount < PUSHSTATE_THROTTLE_THRESHOLD) {
+    window.shPushState.apply(window.history, arguments);
+    window.pushStateCount++;
+
+    if (window.pushStateCount == PUSHSTATE_THROTTLE_THRESHOLD)
+      setTimeout(() => {
+        window.pushStateCount = 0;
+      }, 5000);
+  } else {
+    // eslint-disable-next-line no-console
+    console.log('Pushstate temporarily blocked!');
+  }
 }
 
 function pushStateOneShot() {
-        window.shPushState.apply(window.history, arguments);
+  window.shPushState.apply(window.history, arguments);
 
-        window.history.pushState = function() {};
+  window.history.pushState = function () {};
 
-        console.log("Pushstate Disabled!");
+  // eslint-disable-next-line no-console
+  console.log('Pushstate Disabled!');
 }
 
-if (window.pushStateBehavior != PUSHSTATE_NORMAL)
-{
-        window.history.pushState =
-                window.pushStateBehavior == PUSHSTATE_THROTTLE ? pushStateThrottled : pushStateOneShot;
+if (window.pushStateBehavior != PUSHSTATE_NORMAL) {
+  window.history.pushState =
+    window.pushStateBehavior == PUSHSTATE_THROTTLE
+      ? pushStateThrottled
+      : pushStateOneShot;
 }
diff --git a/recipes/whatsapp/webview.js b/recipes/whatsapp/webview.js
index e2496be..26f2a3a 100644
--- a/recipes/whatsapp/webview.js
+++ b/recipes/whatsapp/webview.js
@@ -1,42 +1,21 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
-  return obj && obj.__esModule ? obj : {default: obj};
+  return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
-  let dbCache
+  let dbCache;
 
   const getMessages = () => {
-    if(!dbCache) {
-      const dbsPromise = indexedDB.databases()
-      dbsPromise.then((databases) => {
-        for(let index in databases) {
-          //Wait for model-storage db to be available before calling indexedDB.open(). This is to make sure whatsapp created the model-storage DB
-          if(databases[index].name === "model-storage") {
-            const request = window.indexedDB.open("model-storage");
-            request.onsuccess = () => {
-              dbCache = request.result;
-              //This will be called when db.delete is triggered, we need to close and set dbCache to null to trigger lookup again
-              dbCache.onversionchange = () => {
-                dbCache.close()
-                dbCache = null
-              };
-            }
-            request.addEventListener('error', () => {
-              console.error("Opening model-storage database failed:", event);
-            })
-          }
-        }
-      })
-    } else {
+    if (dbCache) {
       let unreadCount = 0;
       let unreadMutedCount = 0;
 
       const txn = dbCache.transaction('chat', 'readonly');
       const store = txn.objectStore('chat');
       const query = store.getAll();
-      query.onsuccess = (event) => {
+      query.onsuccess = event => {
         for (const chat of event.target.result) {
           if (chat.unreadCount > 0) {
             if (chat.muteExpiration > 0 || chat.isAutoMuted) {
@@ -50,11 +29,32 @@ module.exports = Ferdium => {
         Ferdium.setBadge(unreadCount, unreadMutedCount);
       };
 
-      query.addEventListener('error', (event) => {
-        console.error("Loading data from database failed:", event);
-      })
+      query.addEventListener('error', event => {
+        console.error('Loading data from database failed:', event);
+      });
+    } else {
+      const dbsPromise = indexedDB.databases();
+      dbsPromise.then(databases => {
+        for (let index in databases) {
+          //Wait for model-storage db to be available before calling indexedDB.open(). This is to make sure whatsapp created the model-storage DB
+          if (databases[index].name === 'model-storage') {
+            const request = window.indexedDB.open('model-storage');
+            request.onsuccess = () => {
+              dbCache = request.result;
+              // This will be called when db.delete is triggered, we need to close and set dbCache to null to trigger lookup again
+              dbCache.onversionchange = () => {
+                dbCache.close();
+                dbCache = null;
+              };
+            };
+            request.addEventListener('error', () => {
+              console.error('Opening model-storage database failed:', event);
+            });
+          }
+        }
+      });
     }
-  }
+  };
 
   // inject webview hacking script
   Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
@@ -74,14 +74,12 @@ module.exports = Ferdium => {
     Ferdium.releaseServiceWorkers();
   });
 
-  Ferdium.handleDarkMode((isEnabled) => {
-
+  Ferdium.handleDarkMode(isEnabled => {
     if (isEnabled) {
       document.body.classList.add('dark');
     } else {
       document.body.classList.remove('dark');
     }
-
   });
 
   Ferdium.loop(loopFunc);
diff --git a/recipes/whereby/package.json b/recipes/whereby/package.json
index 3eb3668..9330f9b 100644
--- a/recipes/whereby/package.json
+++ b/recipes/whereby/package.json
@@ -1,7 +1,7 @@
 {
   "id": "whereby",
   "name": "Whereby",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://whereby.com/{teamId}",
diff --git a/recipes/whereby/webview.js b/recipes/whereby/webview.js
index 6e64c6f..5dc088c 100644
--- a/recipes/whereby/webview.js
+++ b/recipes/whereby/webview.js
@@ -1,6 +1,8 @@
-var _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
 module.exports = Ferdium => {
   const getMessages = () => {
diff --git a/recipes/whimsical/package.json b/recipes/whimsical/package.json
index 26ac80d..b9e6840 100644
--- a/recipes/whimsical/package.json
+++ b/recipes/whimsical/package.json
@@ -1,7 +1,7 @@
 {
   "id": "whimsical",
   "name": "Whimsical",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://whimsical.com/"
diff --git a/recipes/whimsical/webview.js b/recipes/whimsical/webview.js
index 56a20b6..1119219 100644
--- a/recipes/whimsical/webview.js
+++ b/recipes/whimsical/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/wire/index.js b/recipes/wire/index.js
index 244fe33..dd41f72 100644
--- a/recipes/wire/index.js
+++ b/recipes/wire/index.js
@@ -1 +1 @@
-module.exports = (Ferdium) => Ferdium;
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/wire/package.json b/recipes/wire/package.json
index d7bfce4..11a1187 100644
--- a/recipes/wire/package.json
+++ b/recipes/wire/package.json
@@ -1,7 +1,7 @@
 {
   "id": "wire",
   "name": "Wire",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.wire.com/",
diff --git a/recipes/wire/webview.js b/recipes/wire/webview.js
index 5945515..036a38f 100644
--- a/recipes/wire/webview.js
+++ b/recipes/wire/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let direct = 0;
@@ -36,4 +42,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/withspectrum/package.json b/recipes/withspectrum/package.json
index 4381afa..1315bee 100644
--- a/recipes/withspectrum/package.json
+++ b/recipes/withspectrum/package.json
@@ -1,7 +1,7 @@
 {
   "id": "withspectrum",
   "name": "Spectrum",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://spectrum.chat"
diff --git a/recipes/withspectrum/webview.js b/recipes/withspectrum/webview.js
index d31d0a7..7c0def1 100644
--- a/recipes/withspectrum/webview.js
+++ b/recipes/withspectrum/webview.js
@@ -1,11 +1,22 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const element = document.querySelector('[href="/notifications"] > div');
-    const content = window.getComputedStyle(element, ':after').getPropertyValue('content').match(/\d+/);
+    const content = window
+      .getComputedStyle(element, ':after')
+      .getPropertyValue('content')
+      .match(/\d+/);
     const notifications = Number(content);
 
     Ferdium.setBadge(notifications);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/workflowy/package.json b/recipes/workflowy/package.json
index 82e1400..f429db8 100644
--- a/recipes/workflowy/package.json
+++ b/recipes/workflowy/package.json
@@ -1,7 +1,7 @@
 {
   "id": "workflowy",
   "name": "WorkFlowy",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://workflowy.com"
diff --git a/recipes/workflowy/webview.js b/recipes/workflowy/webview.js
index c3e00a8..9f7ef31 100644
--- a/recipes/workflowy/webview.js
+++ b/recipes/workflowy/webview.js
@@ -1,8 +1,16 @@
-module.exports = () => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   // TODO: If your workflowy service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
   //   // TODO: Insert your notification-finding code here
   //   Ferdium.setBadge(0, 0);
   // };
   // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/workplace/package.json b/recipes/workplace/package.json
index ac9918c..fee0cb2 100644
--- a/recipes/workplace/package.json
+++ b/recipes/workplace/package.json
@@ -1,7 +1,7 @@
 {
   "id": "workplace",
   "name": "Workplace",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.workplace.com/chat",
diff --git a/recipes/workplace/webview.js b/recipes/workplace/webview.js
index 8ee283b..d77cfed 100644
--- a/recipes/workplace/webview.js
+++ b/recipes/workplace/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let direct = 0;
@@ -16,16 +16,16 @@ module.exports = Ferdium => {
     }
 
     if (chatsElement) {
-      if (!chatsElement.hasAttribute('aria-current')) {
+      if (chatsElement.hasAttribute('aria-current')) {
+        direct = document.querySelectorAll(
+          '[data-pagelet="WorkGalahadChannel"] .uiList [role="gridcell"] [role="button"] .oxk9n0fw',
+        ).length;
+      } else {
         const chatMessages = chatsElement.querySelector('span');
 
         if (chatMessages) {
           direct = Ferdium.safeParseInt(chatMessages.textContent);
         }
-      } else {
-        direct = document.querySelectorAll(
-          '[data-pagelet="WorkGalahadChannel"] .uiList [role="gridcell"] [role="button"] .oxk9n0fw',
-        ).length;
       }
     }
 
diff --git a/recipes/wrike/package.json b/recipes/wrike/package.json
index 48cacf6..1ef29c0 100644
--- a/recipes/wrike/package.json
+++ b/recipes/wrike/package.json
@@ -1,7 +1,7 @@
 {
   "id": "wrike",
   "name": "Wrike",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/koma-private/recipe-wrike",
   "config": {
diff --git a/recipes/wrike/webview.js b/recipes/wrike/webview.js
index 0026fff..f3e4906 100644
--- a/recipes/wrike/webview.js
+++ b/recipes/wrike/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directCount = 0;
@@ -12,4 +18,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/xing/package.json b/recipes/xing/package.json
index 867e47e..ecc0f7c 100644
--- a/recipes/xing/package.json
+++ b/recipes/xing/package.json
@@ -1,7 +1,7 @@
 {
   "id": "xing",
   "name": "XING",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.xing.com/messenger/global"
diff --git a/recipes/xing/webview.js b/recipes/xing/webview.js
index 28d9265..cd84964 100644
--- a/recipes/xing/webview.js
+++ b/recipes/xing/webview.js
@@ -1,7 +1,17 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   function getUnreadConversations() {
-    Ferdium.setBadge(document.querySelector('#unread-conversations').textContent);
+    Ferdium.setBadge(
+      document.querySelector('#unread-conversations').textContent,
+    );
   }
 
   Ferdium.loop(getUnreadConversations);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/xmpp/package.json b/recipes/xmpp/package.json
index 97bf94b..62b081b 100644
--- a/recipes/xmpp/package.json
+++ b/recipes/xmpp/package.json
@@ -1,7 +1,7 @@
 {
   "id": "xmpp",
   "name": "XMPP",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/Aman9das/ferdi-xmpp-recipe",
   "config": {
diff --git a/recipes/xmpp/webview.js b/recipes/xmpp/webview.js
index 399133d..ab59fdb 100644
--- a/recipes/xmpp/webview.js
+++ b/recipes/xmpp/webview.js
@@ -1,13 +1,21 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   function getMessages() {
     let direct = 0;
     for (const indicator of document.querySelectorAll('.msgs-indicator')) {
-      direct += Ferdium.safeParseInt(indicator.textContent)
+      direct += Ferdium.safeParseInt(indicator.textContent);
     }
 
-    direct = direct / 2 // as the messages are provided in 2 different locations..
+    direct /= 2; // as the messages are provided in 2 different locations..
     Ferdium.setBadge(direct);
   }
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/yahoo-mail/index.js b/recipes/yahoo-mail/index.js
index 858fff1..8e2576a 100644
--- a/recipes/yahoo-mail/index.js
+++ b/recipes/yahoo-mail/index.js
@@ -1,15 +1,17 @@
-module.exports = (Ferdium) => class YahooMail extends Ferdium {
-  modifyRequestHeaders() {
-    return [
-      {
-        headers: {
-          // TODO: Rather than hardcoding like this, the user should set it for their individual installation of Ferdium
-          'user-agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36',
+module.exports = Ferdium =>
+  class YahooMail extends Ferdium {
+    modifyRequestHeaders() {
+      return [
+        {
+          headers: {
+            // TODO: Rather than hardcoding like this, the user should set it for their individual installation of Ferdium
+            'user-agent':
+              'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36',
+          },
+          requestFilters: {
+            urls: ['*://*/*'],
+          },
         },
-        requestFilters: {
-          urls: ['*://*/*'],
-        },
-      },
-    ];
-  }
-};
+      ];
+    }
+  };
diff --git a/recipes/yahoo-mail/package.json b/recipes/yahoo-mail/package.json
index a90df33..609e48a 100644
--- a/recipes/yahoo-mail/package.json
+++ b/recipes/yahoo-mail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "yahoo-mail",
   "name": "Yahoo Mail",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.yahoo.com",
diff --git a/recipes/yahoo-mail/webview.js b/recipes/yahoo-mail/webview.js
index 9ab9b6b..fc74834 100644
--- a/recipes/yahoo-mail/webview.js
+++ b/recipes/yahoo-mail/webview.js
@@ -1,8 +1,18 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
-    const count = document.querySelector('a[data-test-folder-name="Inbox"] span[data-test-id="displayed-count"]').textContent;
+    const count = document.querySelector(
+      'a[data-test-folder-name="Inbox"] span[data-test-id="displayed-count"]',
+    ).textContent;
     Ferdium.setBadge(count);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/yammer/package.json b/recipes/yammer/package.json
index 4bbd99b..bc7f532 100644
--- a/recipes/yammer/package.json
+++ b/recipes/yammer/package.json
@@ -1,7 +1,7 @@
 {
   "id": "yammer",
   "name": "Yammer",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.yammer.com/login",
diff --git a/recipes/yammer/webview.js b/recipes/yammer/webview.js
index 56c2eeb..0ec0c6b 100644
--- a/recipes/yammer/webview.js
+++ b/recipes/yammer/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let directMessages = 0;
@@ -23,4 +29,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/yandex-mail/package.json b/recipes/yandex-mail/package.json
index 88cb4e6..cb1d09e 100644
--- a/recipes/yandex-mail/package.json
+++ b/recipes/yandex-mail/package.json
@@ -1,7 +1,7 @@
 {
   "id": "yandex-mail",
   "name": "Yandex Mail",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://mail.yandex.ru"
diff --git a/recipes/yandex-mail/webview.js b/recipes/yandex-mail/webview.js
index b5a5156..4e62393 100644
--- a/recipes/yandex-mail/webview.js
+++ b/recipes/yandex-mail/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const button = document.querySelectorAll('[href="#unread"]')[0] ?? {};
@@ -7,4 +13,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/youtrack/package.json b/recipes/youtrack/package.json
index 7e957ce..3317370 100644
--- a/recipes/youtrack/package.json
+++ b/recipes/youtrack/package.json
@@ -1,7 +1,7 @@
 {
   "id": "youtrack",
   "name": "YouTrack",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.myjetbrains.com/youtrack/",
diff --git a/recipes/youtrack/webview.js b/recipes/youtrack/webview.js
index 0013bf0..214287c 100644
--- a/recipes/youtrack/webview.js
+++ b/recipes/youtrack/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const unread = document.querySelectorAll('.header__bell-wrapper_unread');
@@ -5,4 +11,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/youtube/package.json b/recipes/youtube/package.json
index 0c76ffa..68a0ab2 100644
--- a/recipes/youtube/package.json
+++ b/recipes/youtube/package.json
@@ -1,7 +1,7 @@
 {
   "id": "youtube",
   "name": "YouTube",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://youtube.com/"
diff --git a/recipes/youtube/webview.js b/recipes/youtube/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/youtube/webview.js
+++ b/recipes/youtube/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/youtubemusic/package.json b/recipes/youtubemusic/package.json
index d3c06ad..2d1b59b 100644
--- a/recipes/youtubemusic/package.json
+++ b/recipes/youtubemusic/package.json
@@ -1,7 +1,7 @@
 {
   "id": "youtubemusic",
   "name": "YouTube Music",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://music.youtube.com/"
diff --git a/recipes/youtubemusic/webview.js b/recipes/youtubemusic/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/youtubemusic/webview.js
+++ b/recipes/youtubemusic/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/zalo/package.json b/recipes/zalo/package.json
index 41b60cd..76cef76 100644
--- a/recipes/zalo/package.json
+++ b/recipes/zalo/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zalo",
   "name": "Zalo",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://chat.zalo.me/",
diff --git a/recipes/zalo/webview.js b/recipes/zalo/webview.js
index 8e4c3cd..3c432a6 100644
--- a/recipes/zalo/webview.js
+++ b/recipes/zalo/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
@@ -5,46 +11,59 @@ module.exports = Ferdium => {
     const unreadRed = document.querySelector('.unread-red');
     if (unreadRed !== null) {
       switch (unreadRed.classList[1]) {
-        case 'fa-num1':
+        case 'fa-num1': {
           count = 1;
           break;
-        case 'fa-num2':
+        }
+        case 'fa-num2': {
           count = 2;
           break;
-        case 'fa-num3':
+        }
+        case 'fa-num3': {
           count = 3;
           break;
-        case 'fa-num4':
+        }
+        case 'fa-num4': {
           count = 4;
           break;
-        case 'fa-num5':
+        }
+        case 'fa-num5': {
           count = 5;
           break;
+        }
         default: {
           // fa-num5plus
-          const convUnread = document.querySelectorAll('.conv-unread:not(.func-unread__muted)');
-          if (convUnread.length === 0)
-            count = 6; // 5+
+          const convUnread = document.querySelectorAll(
+            '.conv-unread:not(.func-unread__muted)',
+          );
+          if (convUnread.length === 0) count = 6; // 5+
           else
             for (const convUnreadItem of convUnread) {
               switch (convUnreadItem.classList[1]) {
-                case 'fa-1_24_Line':
-                  count = count + 1;
+                case 'fa-1_24_Line': {
+                  count += 1;
                   break;
-                case 'fa-2_24_Line':
-                  count = count + 2;
+                }
+                case 'fa-2_24_Line': {
+                  count += 2;
                   break;
-                case 'fa-3_24_Line':
-                  count = count + 3;
+                }
+                case 'fa-3_24_Line': {
+                  count += 3;
                   break;
-                case 'fa-4_24_Line':
-                  count = count + 4;
+                }
+                case 'fa-4_24_Line': {
+                  count += 4;
                   break;
-                case 'fa-5_24_Line':
-                  count = count + 5;
+                }
+                case 'fa-5_24_Line': {
+                  count += 5;
                   break;
-                default: // fa-5plus_24_Line
-                  count = count + 6;
+                }
+                default: {
+                  // fa-5plus_24_Line
+                  count += 6;
+                }
               }
             }
         }
@@ -53,4 +72,6 @@ module.exports = Ferdium => {
     Ferdium.setBadge(count);
   };
   Ferdium.loop(getMessages);
-};
\ No newline at end of file
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
+};
diff --git a/recipes/zammad/package.json b/recipes/zammad/package.json
index a77b804..c19c74e 100644
--- a/recipes/zammad/package.json
+++ b/recipes/zammad/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zammad",
   "name": "Zammad",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "license": "MIT",
   "config": {
     "hasNotificationSound": true,
diff --git a/recipes/zammad/webview.js b/recipes/zammad/webview.js
index 38710d1..fb6c9c5 100644
--- a/recipes/zammad/webview.js
+++ b/recipes/zammad/webview.js
@@ -1,8 +1,18 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = function getMessages() {
-    const notificationsCounter = document.querySelector('.js-notificationsCounter');
+    const notificationsCounter = document.querySelector(
+      '.js-notificationsCounter',
+    );
     Ferdium.setBadge(Ferdium.safeParseInt(notificationsCounter.textContent));
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/zendesk/package.json b/recipes/zendesk/package.json
index aa1daca..d29c76a 100644
--- a/recipes/zendesk/package.json
+++ b/recipes/zendesk/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zendesk",
   "name": "Zendesk",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://{teamId}.zendesk.com/agent",
diff --git a/recipes/zendesk/webview.js b/recipes/zendesk/webview.js
index 5493dbf..8f14952 100644
--- a/recipes/zendesk/webview.js
+++ b/recipes/zendesk/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
diff --git a/recipes/zenhub/package.json b/recipes/zenhub/package.json
index 7495bd9..ab5f2bf 100644
--- a/recipes/zenhub/package.json
+++ b/recipes/zenhub/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zenhub",
   "name": "ZenHub",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "repository": "https://github.com/mordaroso/recipe-franz-zenhub",
   "config": {
diff --git a/recipes/zenhub/webview.js b/recipes/zenhub/webview.js
index 86bb422..2a81dec 100644
--- a/recipes/zenhub/webview.js
+++ b/recipes/zenhub/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
diff --git a/recipes/zeplin/package.json b/recipes/zeplin/package.json
index 0cbf314..72c3797 100644
--- a/recipes/zeplin/package.json
+++ b/recipes/zeplin/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zeplin",
   "name": "Zeplin",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.zeplin.io/login"
diff --git a/recipes/zeplin/webview.js b/recipes/zeplin/webview.js
index d66b355..83c69e6 100644
--- a/recipes/zeplin/webview.js
+++ b/recipes/zeplin/webview.js
@@ -1,9 +1,20 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
-    const totalNotifications = document.querySelectorAll('#notificationList > .notification').length;
-    const hasUnread = document.querySelectorAll('#notificationsButton.hasUnread').length > 0;
+    const totalNotifications = document.querySelectorAll(
+      '#notificationList > .notification',
+    ).length;
+    const hasUnread =
+      document.querySelectorAll('#notificationsButton.hasUnread').length > 0;
     Ferdium.setBadge(hasUnread ? totalNotifications : 0);
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/zimbra/package.json b/recipes/zimbra/package.json
index f05bb65..7c69452 100644
--- a/recipes/zimbra/package.json
+++ b/recipes/zimbra/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zimbra",
   "name": "Zimbra",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "hasNotificationSound": true,
diff --git a/recipes/zimbra/webview.js b/recipes/zimbra/webview.js
index 1fdbde5..6a0dcb7 100644
--- a/recipes/zimbra/webview.js
+++ b/recipes/zimbra/webview.js
@@ -1,3 +1,9 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   const getMessages = () => {
     const { title } = document;
@@ -6,4 +12,6 @@ module.exports = Ferdium => {
   };
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/zoho-projects/package.json b/recipes/zoho-projects/package.json
index 60b26d4..2b5f97e 100644
--- a/recipes/zoho-projects/package.json
+++ b/recipes/zoho-projects/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zoho-projects",
   "name": "Zoho Projects",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://projects.zoho.eu/"
diff --git a/recipes/zoho-projects/webview.js b/recipes/zoho-projects/webview.js
index 2d2d85f..14e4688 100644
--- a/recipes/zoho-projects/webview.js
+++ b/recipes/zoho-projects/webview.js
@@ -1,8 +1,16 @@
-module.exports = () => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   // TODO: If your Zoho Projects service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {
   //   // TODO: Insert your notification-finding code here
   //   Ferdium.setBadge(0, 0);
   // };
   // Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/zoho/package.json b/recipes/zoho/package.json
index 7e4ea87..b1444d7 100644
--- a/recipes/zoho/package.json
+++ b/recipes/zoho/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zoho",
   "name": "Zoho Mail",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.zoho.com/mail/login.html",
diff --git a/recipes/zoho/webview-unsafe.js b/recipes/zoho/webview-unsafe.js
index eb83595..df5237b 100644
--- a/recipes/zoho/webview-unsafe.js
+++ b/recipes/zoho/webview-unsafe.js
@@ -1,12 +1,12 @@
-//wait for Ferdium and Zoho Mail to initialize
+// wait for Ferdium and Zoho Mail to initialize
 if (
-    Object.prototype.hasOwnProperty.call(window, "ferdium") &&
-    Object.prototype.hasOwnProperty.call(window.ferdium, "setBadge") &&
-    Object.prototype.hasOwnProperty.call(window, "zmNCenter") &&
-    Object.prototype.hasOwnProperty.call(window, "zmfolAction")
+  Object.prototype.hasOwnProperty.call(window, 'ferdium') &&
+  Object.prototype.hasOwnProperty.call(window.ferdium, 'setBadge') &&
+  Object.prototype.hasOwnProperty.call(window, 'zmNCenter') &&
+  Object.prototype.hasOwnProperty.call(window, 'zmfolAction')
 ) {
-    var unreadNotifications = window.zmNCenter.counter.count(); //General Notifications by Zoho (Bell Icon)
-    var unreadMail = window.zmfolAction.getUnreadViewCount(); //Unread messages count
+  const unreadNotifications = window.zmNCenter.counter.count(); // General Notifications by Zoho (Bell Icon)
+  const unreadMail = window.zmfolAction.getUnreadViewCount(); // Unread messages count
 
-    window.ferdium.setBadge(unreadMail, unreadNotifications);
+  window.ferdium.setBadge(unreadMail, unreadNotifications);
 }
diff --git a/recipes/zoho/webview.js b/recipes/zoho/webview.js
index 02a5039..2643760 100644
--- a/recipes/zoho/webview.js
+++ b/recipes/zoho/webview.js
@@ -1,22 +1,26 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   const getMessages = () => {
     Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
   };
 
-  //Zoho uses different URLs for different regions. Find out which region the account belongs to and redirect to the correct URL.
+  // Zoho uses different URLs for different regions. Find out which region the account belongs to and redirect to the correct URL.
   const redirectRegion = () => {
-    if (window.location.href === "https://www.zoho.com/mail/login.html") {
-      const btn = document.querySelectorAll(".access-apps");
+    if (window.location.href === 'https://www.zoho.com/mail/login.html') {
+      const btn = document.querySelectorAll('.access-apps');
       if (btn.length > 0) {
-        window.location.assign(btn[0].href + "zm/");
+        window.location.assign(`${btn[0].href}zm/`);
       }
     }
-  }
+  };
 
   window.addEventListener('load', redirectRegion);
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/recipes/zoom/index.js b/recipes/zoom/index.js
index 8fd90b1..dd41f72 100644
--- a/recipes/zoom/index.js
+++ b/recipes/zoom/index.js
@@ -1,2 +1 @@
-"use strict";
-module.exports = Ferdium => Ferdium
+module.exports = Ferdium => Ferdium;
diff --git a/recipes/zoom/package.json b/recipes/zoom/package.json
index 8be139d..92a9490 100644
--- a/recipes/zoom/package.json
+++ b/recipes/zoom/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zoom",
   "name": "Zoom",
-  "version": "1.3.5",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://zoom.us/join",
diff --git a/recipes/zoom/webview.js b/recipes/zoom/webview.js
index 45cc5b7..f606ac9 100644
--- a/recipes/zoom/webview.js
+++ b/recipes/zoom/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = (Ferdium, settings) => {
   const getMessages = () => {
     let directCount = 0;
@@ -27,23 +27,29 @@ module.exports = (Ferdium, settings) => {
   Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 
   // TODO: See how this can be moved into the main ferdium app and sent as an ipc message for opening with a new window or same Ferdium recipe's webview based on user's preferences
-  document.addEventListener('click', event => {
-    const link = event.target.closest('a[href^="http"]');
-    const button = event.target.closest('button[title^="http"]');
-
-    if (link || button) {
-      const url = link ? link.getAttribute('href') : button.getAttribute('title');
-
-      if (!Ferdium.isImage(link)) {
-        event.preventDefault();
-        event.stopPropagation();
-
-        if (settings.trapLinkClicks === true) {
-          window.location.href = url;
-        } else {
-          Ferdium.openNewWindow(url);
+  document.addEventListener(
+    'click',
+    event => {
+      const link = event.target.closest('a[href^="http"]');
+      const button = event.target.closest('button[title^="http"]');
+
+      if (link || button) {
+        const url = link
+          ? link.getAttribute('href')
+          : button.getAttribute('title');
+
+        if (!Ferdium.isImage(link)) {
+          event.preventDefault();
+          event.stopPropagation();
+
+          if (settings.trapLinkClicks === true) {
+            window.location.href = url;
+          } else {
+            Ferdium.openNewWindow(url);
+          }
         }
       }
-    }
-  }, true);
+    },
+    true,
+  );
 };
diff --git a/recipes/zulip/index.js b/recipes/zulip/index.js
index 13c94b7..ea3944f 100644
--- a/recipes/zulip/index.js
+++ b/recipes/zulip/index.js
@@ -1,21 +1,25 @@
-module.exports = Ferdium => class Zulip extends Ferdium {
-  async validateUrl(url) {
-    const baseUrl = new window.URL(url);
-    const apiVersion = 'api/v1';
-    try {
-      const resp = await window.fetch(`${baseUrl.origin}/${apiVersion}/server_settings`, {
-        method: 'GET',
-        headers: {
-          'Content-Type': 'application/json',
-        },
-      });
-      const data = await resp.json();
+module.exports = Ferdium =>
+  class Zulip extends Ferdium {
+    async validateUrl(url) {
+      const baseUrl = new window.URL(url);
+      const apiVersion = 'api/v1';
+      try {
+        const resp = await window.fetch(
+          `${baseUrl.origin}/${apiVersion}/server_settings`,
+          {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+          },
+        );
+        const data = await resp.json();
 
-      return Object.hasOwnProperty.call(data, 'realm_uri');
-    } catch (error) {
-      console.error(error);
-    }
+        return Object.hasOwnProperty.call(data, 'realm_uri');
+      } catch (error) {
+        console.error(error);
+      }
 
-    return false;
-  }
-};
+      return false;
+    }
+  };
diff --git a/recipes/zulip/package.json b/recipes/zulip/package.json
index cbe516b..dce1826 100644
--- a/recipes/zulip/package.json
+++ b/recipes/zulip/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zulip",
   "name": "Zulip",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "license": "MIT",
   "config": {
     "hasNotificationSound": true,
diff --git a/recipes/zulip/webview.js b/recipes/zulip/webview.js
index 1989809..707b723 100644
--- a/recipes/zulip/webview.js
+++ b/recipes/zulip/webview.js
@@ -1,4 +1,17 @@
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
+  function getUnreadCount(eltClassName) {
+    const elt = document.querySelectorAll(
+      `#global_filters .${eltClassName} .unread_count`,
+    )[0];
+    return elt === null ? 0 : Ferdium.safeParseInt(elt.textContent);
+  }
+
   const getMessages = () => {
     // All unread messages
     const unreadAll = getUnreadCount('top_left_all_messages');
@@ -17,8 +30,5 @@ module.exports = Ferdium => {
 
   Ferdium.loop(getMessages);
 
-  function getUnreadCount(eltClassName) {
-    const elt = document.querySelectorAll(`#global_filters .${eltClassName} .unread_count`)[0];
-    return elt == null ? 0 : Ferdium.safeParseInt(elt.textContent);
-  }
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };
diff --git a/scripts/create.js b/scripts/create.js
index 199a23b..158b2f2 100644
--- a/scripts/create.js
+++ b/scripts/create.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 /**
  * Create a new recipe for your service
  */
@@ -18,19 +19,15 @@ pnpm create WhatsApp FerdiumDev
 }
 
 const recipeName = process.argv[2];
-const recipe = recipeName.toLowerCase().replace(/\s/g, '-');
+const recipe = recipeName.toLowerCase().replaceAll(/\s/g, '-');
 const folderName = process.argv[3] || 'Ferdium';
-const filesThatNeedTextReplace = [
-  'package.json',
-  'index.js',
-  'webview.js',
-];
+const filesThatNeedTextReplace = ['package.json', 'index.js', 'webview.js'];
 
-const toPascalCase = (str) => {
+const toPascalCase = str => {
   const words = str
-    .replace(/[^a-z]/g, '')
+    .replaceAll(/[^a-z]/g, '')
     .split(/\W/)
-    .map((word) => {
+    .map(word => {
       if (word.length === 0) {
         return word;
       }
@@ -38,16 +35,16 @@ const toPascalCase = (str) => {
       return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
     });
   return words.join('');
-}
+};
 const pascalCasedName = toPascalCase(recipe); // PascalCased recipe ID only containing a-z, for usage as the JavaScript class name
 
 (async () => {
   // Folder paths
   const userData =
     process.env.APPDATA ||
-    (process.platform == 'darwin'
-      ? process.env.HOME + '/Library/Application Support'
-      : process.env.HOME + '/.config');
+    (process.platform === 'darwin'
+      ? `${process.env.HOME}/Library/Application Support`
+      : `${process.env.HOME}/.config`);
   const recipesFolder = path.join(userData, folderName, 'recipes');
   const devRecipeFolder = path.join(recipesFolder, 'dev');
   const newRecipeFolder = path.join(devRecipeFolder, recipe);
@@ -60,7 +57,7 @@ const pascalCasedName = toPascalCase(recipe); // PascalCased recipe ID only cont
     );
     return;
   }
-  await fs.ensureDir(devRecipeFolder);
+  fs.ensureDirSync(devRecipeFolder);
 
   if (fs.existsSync(newRecipeFolder)) {
     console.log('⚠️ Recipe already exists');
@@ -70,17 +67,17 @@ const pascalCasedName = toPascalCase(recipe); // PascalCased recipe ID only cont
   console.log('[Info] Passed pre-checks');
 
   // Copy sample recipe to recipe folder
-  await fs.copy(sampleRecipe, newRecipeFolder);
+  fs.copySync(sampleRecipe, newRecipeFolder);
   console.log('[Info] Copied recipe');
 
   // Replace placeholders with the recipe-specific values
   for (const file of filesThatNeedTextReplace) {
     const filePath = path.join(newRecipeFolder, file);
-    let contents = await fs.readFile(filePath, 'utf8');
+    let contents = fs.readFileSync(filePath, 'utf8');
     contents = contents.replace(/SERVICE/g, recipe);
     contents = contents.replace(/SNAME/g, recipeName);
     contents = contents.replace(/SPASCAL/g, pascalCasedName);
-    await fs.writeFile(filePath, contents);
+    fs.writeFileSync(filePath, contents);
   }
   console.log('[Info] Prepared new recipe');
 
diff --git a/scripts/package.js b/scripts/package.js
index e1e3d5c..0482775 100644
--- a/scripts/package.js
+++ b/scripts/package.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 /**
  * Package all recipes
  */
@@ -6,7 +7,8 @@ const fs = require('fs-extra');
 const path = require('path');
 const sizeOf = require('image-size');
 const simpleGit = require('simple-git');
-const pkgVersionChangedMatcher = new RegExp(/\n\+.*version.*/);
+
+const pkgVersionChangedMatcher = /\n\+.*version.*/;
 
 // Publicly availible link to this repository's recipe folder
 // Used for generating public icon URLs
@@ -21,7 +23,7 @@ const compress = (src, dest) =>
         dest,
         tar: {
           // Don't package .DS_Store files and .md files
-          ignore: function (name) {
+          ignore(name) {
             return path.basename(name) === '.DS_Store' || name.endsWith('.md');
           },
         },
@@ -63,18 +65,19 @@ const compress = (src, dest) =>
     .filter(dir => dir.isDirectory())
     .map(dir => dir.name);
 
-  for (let recipe of availableRecipes) {
+  for (const recipe of availableRecipes) {
     const recipeSrc = path.join(recipesFolder, recipe);
     const mandatoryFiles = ['package.json', 'icon.svg', 'webview.js'];
 
     // Check that each mandatory file exists
-    for (let file of mandatoryFiles) {
+    for (const file of mandatoryFiles) {
       const filePath = path.join(recipeSrc, file);
+      // eslint-disable-next-line no-await-in-loop
       if (!(await fs.pathExists(filePath))) {
         console.log(
           `⚠️ Couldn't package "${recipe}": Folder doesn't contain a "${file}".`,
         );
-        unsuccessful++;
+        unsuccessful += 1;
       }
     }
     if (unsuccessful > 0) {
@@ -89,22 +92,24 @@ const compress = (src, dest) =>
       console.log(
         `⚠️ Couldn't package "${recipe}": Recipe SVG icon isn't a square`,
       );
-      unsuccessful++;
+      unsuccessful += 1;
       continue;
     }
 
     // Check that user.js does not exist
     const userJs = path.join(recipeSrc, 'user.js');
+    // eslint-disable-next-line no-await-in-loop
     if (await fs.pathExists(userJs)) {
       console.log(
         `⚠️ Couldn't package "${recipe}": Folder contains a "user.js".`,
       );
-      unsuccessful++;
+      unsuccessful += 1;
       continue;
     }
 
     // Read package.json
     const packageJson = path.join(recipeSrc, 'package.json');
+    // eslint-disable-next-line no-await-in-loop
     const config = await fs.readJson(packageJson);
 
     // Make sure it contains all required fields
@@ -112,10 +117,10 @@ const compress = (src, dest) =>
       console.log(
         `⚠️ Couldn't package "${recipe}": Could not read or parse "package.json"`,
       );
-      unsuccessful++;
+      unsuccessful += 1;
       continue;
     }
-    let configErrors = [];
+    const configErrors = [];
     if (!config.id) {
       configErrors.push(
         "The recipe's package.json contains no 'id' field. This field should contain a unique ID made of lowercase letters (a-z), numbers (0-9), hyphens (-), periods (.), and underscores (_)",
@@ -227,6 +232,7 @@ const compress = (src, dest) =>
       const relativeRepoSrc = path.relative(repoRoot, recipeSrc);
 
       // Check for changes in recipe's directory, and if changes are present, then the changes should contain a version bump
+      // eslint-disable-next-line no-await-in-loop
       await git.diffSummary(relativeRepoSrc, (err, result) => {
         if (err) {
           configErrors.push(
@@ -239,11 +245,7 @@ const compress = (src, dest) =>
             result.deletions !== 0)
         ) {
           const pkgJsonRelative = path.relative(repoRoot, packageJson);
-          if (!result.files.some(({ file }) => file === pkgJsonRelative)) {
-            configErrors.push(
-              `Found changes in '${relativeRepoSrc}' without the corresponding version bump in '${pkgJsonRelative}'`,
-            );
-          } else {
+          if (result.files.some(({ file }) => file === pkgJsonRelative)) {
             git.diff(pkgJsonRelative, (_diffErr, diffResult) => {
               if (diffResult && !pkgVersionChangedMatcher.test(diffResult)) {
                 configErrors.push(
@@ -251,6 +253,10 @@ const compress = (src, dest) =>
                 );
               }
             });
+          } else {
+            configErrors.push(
+              `Found changes in '${relativeRepoSrc}' without the corresponding version bump in '${pkgJsonRelative}'`,
+            );
           }
         }
       });
@@ -259,14 +265,14 @@ const compress = (src, dest) =>
     if (configErrors.length > 0) {
       console.log(`⚠️ Couldn't package "${recipe}": There were errors in the recipe's package.json:
   ${configErrors.reduce((str, err) => `${str}\n${err}`)}`);
-      unsuccessful++;
+      unsuccessful += 1;
     }
 
     if (!fs.existsSync(path.join(recipeSrc, 'index.js'))) {
       console.log(
         `⚠️ Couldn't package "${recipe}": The recipe doesn't contain a "index.js"`,
       );
-      unsuccessful++;
+      unsuccessful += 1;
     }
 
     // Package to .tar.gz
@@ -289,9 +295,9 @@ const compress = (src, dest) =>
 
   // Sort package list alphabetically
   recipeList = recipeList.sort((a, b) => {
-    let textA = a.id.toLowerCase();
-    let textB = b.id.toLowerCase();
-    return textA < textB ? -1 : (textA > textB ? 1 : 0);
+    const textA = a.id.toLowerCase();
+    const textB = b.id.toLowerCase();
+    return textA < textB ? -1 : textA > textB ? 1 : 0;
   });
   await fs.writeJson(allJson, recipeList, {
     spaces: 2,
diff --git a/scripts/sample_recipe/webview.js b/scripts/sample_recipe/webview.js
index 86bb422..2a81dec 100644
--- a/scripts/sample_recipe/webview.js
+++ b/scripts/sample_recipe/webview.js
@@ -1,9 +1,9 @@
-const _path = _interopRequireDefault(require('path'));
-
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
 
+const _path = _interopRequireDefault(require('path'));
+
 module.exports = Ferdium => {
   // TODO: If your SNAME service has unread messages, uncomment these lines to implement the logic for updating the badges
   // const getMessages = () => {