chore(Recipe): Refactor recipe plugin

1 files changed, 11 insertions, 1 deletions

diff --git a/src/webview/darkmode.js b/src/webview/darkmode.js
index 9830ef33c..73c7007c6 100644
--- a/src/webview/darkmode.js
+++ b/src/webview/darkmode.js
@@ -1,7 +1,13 @@
+/* eslint no-bitwise: ["error", { "int32Hint": true }] */
+
 import path from 'path';
 import fs from 'fs-extra';
 
-const ID = 'franz-theme-dark-mode';
+const debug = require('debug')('Franz:DarkMode');
+
+const chars = [...'abcdefghijklmnopqrstuvwxyz'];
+
+const ID = [...Array(20)].map(() => chars[Math.random() * chars.length | 0]).join``;
 
 export function injectDarkModeStyle(recipePath) {
   const darkModeStyle = path.join(recipePath, 'darkmode.css');
@@ -12,6 +18,8 @@ export function injectDarkModeStyle(recipePath) {
     styles.innerHTML = data.toString();
 
     document.querySelector('head').appendChild(styles);
+
+    debug('Injected Dark Mode style with ID', ID);
   }
 }
 
@@ -20,6 +28,8 @@ export function removeDarkModeStyle() {
 
   if (style) {
     style.remove();
+
+    debug('Removed Dark Mode Style with ID', ID);
   }
 }