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.
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.
| 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 | 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 |
Scope Focus mode
- Currently supports files with ".js", ".coffee", ".py", ".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.
Type Writer Scrolling
- 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. - Supported in Scope, Shadow and Cursor focus modes.
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).
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