1 files changed, 19 insertions, 6 deletions

diff --git a/src/webview/lib/RecipeWebview.js b/src/webview/lib/RecipeWebview.js
index 74d05fc2d..4fac21c55 100644
--- a/src/webview/lib/RecipeWebview.js
+++ b/src/webview/lib/RecipeWebview.js
@@ -19,6 +19,8 @@ class RecipeWebview {
 
   loopFunc = () => null;
 
+  darkModeHandler = false;
+
   /**
    * Initialize the loop
    *
@@ -67,17 +69,28 @@ class RecipeWebview {
    *                          be an absolute path to the file
    */
   injectCSS(...files) {
-    files.forEach((file) => {
-      const data = fs.readFileSync(file);
-      const styles = document.createElement('style');
-      styles.innerHTML = data.toString();
+    files.forEach(async (file) => {
+      if (await fs.exists(file)) {
+        const data = await fs.readFile(file);
+        const styles = document.createElement('style');
+        styles.innerHTML = data.toString();
 
-      document.querySelector('head').appendChild(styles);
+        document.querySelector('head').appendChild(styles);
 
-      debug('Append styles', styles);
+        debug('Append styles', styles);
+      }
     });
   }
 
+  /**
+   * Set a custom handler for turning on and off dark mode
+   *
+   * @param {function} handler
+   */
+  handleDarkMode(handler) {
+    this.darkModeHandler = handler;
+  }
+
   onNotify(fn) {
     if (typeof fn === 'function') {
       window.Notification.prototype.onNotify = fn;