• 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
2.1.0 2,093
3
  • 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 (well, the entire left panel) is a floating element, better displayed only when necessary via the dedicated key binding
  • the tabs list is faded when not hovered
  • the active tab is the one with a dot displayed under its title
  • 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 scrollbars.

::-webkit-scrollbar {
    display: none;
}

Recommended packages

Atom auto resize

What it looks like

Default view :

base

Tree view, with new and modified files :

tree view

Search box :

search panel

Tabs (active, modified, hovered) :

fuzzy finder

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