Pr 1754 notes

main.ts

@@ -1,2 +1,2 @@
-import BackgroundPlugin from './src/PluginSettings';
+import BackgroundPlugin from './src/Plugin';
 export default BackgroundPlugin;

src/PluginSettings.ts → src/Plugin.ts

@@ -24,6 +24,7 @@ export default class BackgroundPlugin extends Plugin {
     this.addSettingTab(new UrlSettingsTab(this.app, this));
 
     this.app.workspace.onLayoutReady(() => this.UpdateBackground());
+    this.app.workspace.on('active-leaf-change', () => this.UpdateBackground());
   }
 
   async loadSettings() {
@@ -32,17 +33,17 @@ export default class BackgroundPlugin extends Plugin {
 
   async saveSettings() {
     await this.saveData(this.settings);
-    this.UpdateBackground()
+    this.UpdateBackground();
   }
 
-  UpdateBackground(){
-    const container = app.workspace.containerEl;
+  UpdateBackground(doc: Document = activeDocument) {
+    const containers = doc.querySelectorAll('.cm-editor') as NodeListOf<HTMLElement>;
 
-    if (container) {
+    containers.forEach((container) => {
       container.style.setProperty('--obsidian-editor-background-image', `url('${this.settings.imageUrl}')`);
       container.style.setProperty('--obsidian-editor-background-opacity', `${this.settings.opacity}`);
       container.style.setProperty('--obsidian-editor-background-bluriness', `blur(${this.settings.bluriness})`);
       container.style.setProperty('--obsidian-editor-background-input-contrast', this.settings.inputContrast ? '#ffffff17' : 'none');
-    }
+    });
   }
 }

src/PluginSettingsTab.ts

@@ -1,4 +1,4 @@
-import BackgroundPlugin, { DEFAULT_SETTINGS } from './PluginSettings';
+import BackgroundPlugin, { DEFAULT_SETTINGS } from './Plugin';
 import { App, PluginSettingTab, Setting } from 'obsidian';
 
 const blurLevels = {

styles.css

@@ -1,4 +1,4 @@
-.cm-editor.ͼ1.ͼ2.ͼq:before {
+.cm-editor:before {
     content: '';
     background-blend-mode: overlay;
     background-repeat: no-repeat;