Added debug stmts when loading 'user.css' and 'darkmode.css'

2 files changed, 4 insertions, 1 deletions

diff --git a/src/webview/darkmode.ts b/src/webview/darkmode.ts
index 34f987b51..9944a7afa 100644
--- a/src/webview/darkmode.ts
+++ b/src/webview/darkmode.ts
@@ -19,10 +19,12 @@ export function darkModeStyleExists(recipePath: string) {
 
 export function injectDarkModeStyle(recipePath: string) {
   if (darkModeStyleExists(recipePath)) {
-    const data = readFileSync(darkModeFilePath(recipePath));
+    const darkmodeCss = darkModeFilePath(recipePath);
+    const data = readFileSync(darkmodeCss);
     const styles = document.createElement('style');
     styles.id = ID;
     styles.innerHTML = data.toString();
+    debug('Loaded darkmode.css from: ', darkmodeCss);
 
     document.querySelector('head')?.appendChild(styles);
 
diff --git a/src/webview/recipe.ts b/src/webview/recipe.ts
index ed45192d3..36b8b7c98 100644
--- a/src/webview/recipe.ts
+++ b/src/webview/recipe.ts
@@ -265,6 +265,7 @@ class RecipeController {
     if (pathExistsSync(userCss)) {
       const data = readFileSync(userCss);
       styles.innerHTML += data.toString();
+      debug('Loaded user.css from: ', userCss);
     }
     document.querySelector('head')?.append(styles);