.markdown-reading-view:before, .cm-editor:before { content: ""; background-blend-mode: overlay; background-repeat: no-repeat; background-position: var(--obsidian-editor-background-position); background-size: cover; width: 100%; height: 100%; position: absolute; background-image: var(--obsidian-editor-background-image); opacity: var(--obsidian-editor-background-opacity); filter: var(--obsidian-editor-background-bluriness); } .markdown-reading-view, .cm-editor .cm-contentContainer { background: var(--obsidian-editor-background-input-contrast); } .cm-editor .cm-contentContainer { padding-left: var(--obsidian-editor-background-line-padding); padding-right: var(--obsidian-editor-background-line-padding); } /* This sets the background for the whole app, seen with a positive z-index. However, the z-index disrupts interactions. .horizontal-main-container:before { content: ""; background-blend-mode: overlay; background-repeat: no-repeat; background-position: var(--obsidian-editor-background-position); background-size: cover; width: 100%; height: 100%; position: absolute; background-image: var(--obsidian-editor-background-image); opacity: var(--obsidian-editor-background-opacity); filter: var(--obsidian-editor-background-bluriness); } .horizontal-main-container { background: var(--obsidian-editor-background-input-contrast); } .markdown-reading-view, .cm-editor .cm-contentContainer { padding-left: var(--obsidian-editor-background-line-padding); padding-right: var(--obsidian-editor-background-line-padding); } */