version license downloads open source



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.


Dark Refined Interface

Atomic Design features a carefully selected colorpalette 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.

Package Styling

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

Custom Icon Set

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 visualgrepping of project files, while also preventing the alignment issues that plague many icon package and theme combinations.

Modular Theme-Settings

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


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

1$ 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.


Once selected, you can select the settings icon to access the modular aspects of the theme, including:

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