Skip to content

jroachgit/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 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/.

About

Add focus mode to Obsidian.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 70.5%
  • CSS 18.2%
  • JavaScript 11.3%