:atom: A responsive modern interface for any dark syntax-theme
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
lib
styles
.gitignore
.npmignore
LICENSE.md
README.md
index.less
package.json

README.md


       

Description

Atomic Design aims to provide a modern and refined interface to compliment any dark syntax-theme. In addition, this theme also includes a custom icon set and improved integration of some of the most popular Atom packages.

The screenshot above features the Atomic Monokai Pro syntax-theme and the Operator Mono font.

In Progress:

  • Experimenting with functionalities to improve adaptability.
  • Adding improved integration for common packages.


Features


Atomic Design features a carefully selected color palette and meticulously styled components,
which provides the interface with a sense of depth, receptiveness, and adaptability.
Allowing this theme to be wonderfully complimented by any dark syntax theme.


This UI-theme includes supplementary styling for an expanding collection of popular Atom
packages, providing the same refined interface to all aspects of the user experience.


Atomic Design also features a custom icon set, which aims to integrate distinct custom icons
with the best aspects of popular icon packages to provide improved visual-grepping of
project files, while also preventing the alignment issues that plague
many icon packages and theme combinations.


This UI-theme includes custom settings, which allow users to fine-tune various aspects of
the interface to suit their preference. These settings are accessible via
the button, once the theme is enabled.



Install

This package is distributed via apm. After installing apm, you can install the UI-theme with this command.


$ apm install atomic-design-ui

After installation, the theme can be activated by going to the Themes section in the Settings view and selecting it from the UI Theme drop-down menu.



Settings:

Once the theme is activated, you can select the    icon to access the modular features of the theme, including:

  • Adaptive Tabs
  • Light/Dark Tree-view
  • Custom Icons


Screenshots