Atom Packages Directory

a package directory for a text editor of the 21st Century

Focus Mode

Install with:
    apm install atom-focus-mode
  

atom-focus-mode

Helps you focus on only the lines of code you are working with, all other lines are faded into the background.
Hides editor panels and enters full screen mode for distraction free coding.

Focus cursor mode with focus mode line opacity set at 100%

To activate/de-activate focus modes: * atom menu bar Packages > Focus Mode * Right click menu > Focus Mode * Use key bindings (see table below)

Focus Mode Description Key bindings
Scope Focus Automatically focus highlights lines inside the method/function/class scope that the cursor was placed inside.

In “.txt” and “.md” files, scope focus highlights text blocks that the cursor was placed inside - any text surrounded by blank lines is considered a text block.
ctrl-alt-p
Cursor Focus Focus highlights any lines that receive cursor focus and any lines that have been selected with your mouse ctrl-alt-o
Cursor Shadow Focus Focus highlights the cursor line and the 2 lines above and below the cursor line (configurable in package settings) ctrl-alt-u
Single Line Focus Focus highlights the single line(s) that have cursor focus ctrl-alt-i
Exit To exit a focus mode, press ctrl-alt-cmd keys or select the focus mode again (using menu or key bindings).
From atom menu Packages > Focus Mode > Exit or Right click menu > Focus Mode > Exit
ctrl-alt-cmd

To change the key bindings used by Focus Mode Atom > Preferences > Keybindings.

Package settings

Setting Default Description
Focus Mode Line Opacity 65% Line opacity applied to any focus mode highlighted lines (options 65% or 100%)
Enter Full Screen true When focus mode is activated enter full screen mode
Center Editor Off Hides side panels and centers the editor. Editor width options - “700px” (Medium.com article width), “888px” (github content/ReadMe width), “60%”, “70%”, “80%” and “90%”.
Use Type Writer Scrolling false Keeps the line containing the cursor in the center of the text editor.
Type Writer Scrolling can be toggled on/off within files using keyboard shortcut ctrl-alt-t.
Hide Footer Bar true When focus mode is activated hide editor footer bar
Hide Line Numbers true When focus mode is activated hide editor line numbers
Hide Line Length Guide false When focus mode is activated hide the line length guide line
Hide Side Panels true When focus mode is activated hide side panels e.g. the file explorer
Hide Tab Bar true When focus mode is activated hide any opened file tabs
Use large font size false When focus mode is activated increase font size to 18px (note: this mode also hides the line length guide)
Number of lines to highlight above cursor 2 Number of lines above the cursor line to focus highlight in Focus Shadow mode
Number of lines to highlight below cursor 2 Number of lines below the cursor line to focus highlight in Focus Shadow mode

Notes

Scope Focus mode

Type Writer Scrolling

To configure focus mode as per version 0.8 and earlier

In package settings: * Set “Cursor Focus Mode Line Opacity” option to “100%”. * Set all options in the “When Focus Mode is Activated” section to false (not checked).

Screenshots

Scope focus mode
Highlights lines inside the method/function/class scope that the cursor was placed inside

Scope focus mode with focus mode line opacity set at 65%

Cursor focus mode
Highlights any lines you placed the cursor on or selected with your mouse

Cursor focus mode with focus mode line opacity set at 65%

Cursor shadow focus mode
Highlights the cursor line and 2 lines above and below the cursor line (configurable)

Cursor shadow focus mode with focus mode line opacity set at 65%

Single line focus mode
Highlights any line(s) that have cursor focus

Cursor shadow focus mode with focus mode line opacity set at 65%

Screenshots are using the atom theme nord-atom-ui

Keywords: distraction free, focus, writing, editing, productivity Suggest keywords
Fork me on GitHub