• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

atom-distraction-free-ui-theme

A distraction free UI theme, for the Atom editor
  • #ui
  • #theme
  • #minimal
  • #distraction free
monsieurluge
0.11.0 353
2
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

Distraction free Atom UI Theme

A minimalist UI theme.

Works well with the distraction free syntax theme.

Goal

This UI theme highlights only the main parts of the editor (the active tab and the text editor), leaving the other elements darker or hidden.

Details

  • the tree view is not visible by default, you need to hover it to see its content
  • the pending tabs are faded into the background
  • the active tab is brighter and displayed with a subtle background
  • the active text editor tab is bigger and moved on top of the editor
  • many of the borders (panels, tabs, lists) are removed
  • less colors and contrasts

Recommended custom styles

This custom style configuration do hide some status bar informations.

.status-bar {
  encoding-selector-status,
  grammar-selector-status,
  .file-info,
  .github-branch,
  .github-StatusBarTile,
  .line-ending-tile {
    display: none;
  }
}

And this one do hide the left panel (hover on the left to show).

.atom-dock-inner.left.atom-dock-open:hover {
  width: unset;
}
.atom-dock-inner.left.atom-dock-open {
  width: 5px;
  position: absolute;
  z-index: 100;
}

Recommended packages

Atom auto resize

What it looks like

base

fuzzy finder

search panel

tree view

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by