atom-focus-mode
Fades editor content and highlights only the lines you are working on.
atom-focus-mode
Focus modes that help 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. Typewriter mode keeps the cursor line positioned in the center of the editor.
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%". |
| 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 | false | When focus mode is activated hide the top tab bar containing open 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
- Currently supports files with ".js", ".coffee", ".py", ".rb", ".txt" and ".md" file extensions (more file types to follow).
- Requires correct indentation of code block closing curly braces.
- Does not focus scope when using multiple cursors.
Typewriter mode
- Keeps the line containing the cursor in the center of the text editor.
- Typewriter mode can be toggled on/off using keyboard shortcut
ctrl-alt-tor via the focus mode menu.
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
Cursor focus mode Highlights any lines you placed the cursor on or selected with your mouse
Cursor shadow focus mode Highlights the cursor line and 2 lines above and below the cursor line (configurable)
Single line focus mode Highlights any line(s) that have cursor focus
Screenshots are using the atom theme nord-atom-ui