Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tterb/atomic-design-ui
:atom: A responsive modern interface for any dark syntax-theme
https://github.com/tterb/atomic-design-ui
apm atom atom-packages atom-theme custom-icons dark design modern theme ui ui-theme
Last synced: 2 months ago
JSON representation
:atom: A responsive modern interface for any dark syntax-theme
- Host: GitHub
- URL: https://github.com/tterb/atomic-design-ui
- Owner: tterb
- License: mit
- Created: 2016-08-28T21:33:03.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-09-09T04:55:16.000Z (over 5 years ago)
- Last Synced: 2024-05-29T23:29:18.016Z (7 months ago)
- Topics: apm, atom, atom-packages, atom-theme, custom-icons, dark, design, modern, theme, ui, ui-theme
- Language: CSS
- Homepage:
- Size: 7.33 MB
- Stars: 5
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: docs/CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
[
](https://github.com/Atomic-Design-UI)
_________________________________________
# 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.
```bash
$ 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
* **[HTML]**
* **[Settings-View]**
* **[Packages]**
[Atom Dark UI]: https://github.com/atom/atom-dark-ui
[Atomic Monokai Pro]: https://atom.io/themes/atomic-monokai-pro-syntax
[Atom packages]: https://atom.io/packages
[packages]: https://github.com/JonSn0w/atomic-delight-ui/wiki/packages
[syntax-theme]: https://github.com/JonSn0w/atom-delight-syntax
[Operator Mono]: https://www.typography.com/fonts/operator/styles/
[apm]: https://atom.io/themes
[installing apm]: https://github.com/atom/apm#installing
[HTML]: https://user-images.githubusercontent.com/16360374/42451363-db73f77e-833b-11e8-989c-58e2dc151b5a.png
[Packages]: https://user-images.githubusercontent.com/16360374/42451365-dda973ac-833b-11e8-8103-311d847cd866.png
[Settings-View]: https://user-images.githubusercontent.com/16360374/42451368-e00eec12-833b-11e8-85a8-5ae93f974c87.png