Skip to content

ryanpcmcquen/obsidian-focus-mode

Repository files navigation

Obsidian Focus Mode

Add Focus Mode to Obsidian.

Focus Mode Demo

Now with Super Focus Mode (Shift + Left Click), which will only focus on the active pane. The original behavior still exists on a normal Left Click.

Super Focus Mode and Command/Hotkey demo

Hotkeys

Hotkeys Action
Cmd/Ctrl + Alt + Z Toggle Focus Mode
Cmd/Ctrl + Alt + Shift + Z Toggle Super Focus Mode (Active pane only)

Customizing the plugin's appearance:

Classes are added to document.body depending on the state. focus-mode exists in Normal and Super Focus modes, while super-focus-mode, only exists in Super Focus Mode (surprise!).

The following CSS snippet added to a vault will remove the opacity on non-active lines:

.focus-mode .cm-s-obsidian .cm-line:not(.cm-active),
.focus-mode .cm-s-obsidian div:not(.CodeMirror-activeline) > .CodeMirror-line {
    opacity: 1 !important;
    filter: saturate(1) !important;
}

Manually installing the plugin:

  • Copy over main.js, styles.css, manifest.json to your vault VaultFolder/.obsidian/plugins/obsidian-focus-mode/.