{"id":16396874,"url":"https://github.com/tterb/atomic-design-ui","last_synced_at":"2025-10-26T14:31:21.028Z","repository":{"id":46557682,"uuid":"66791911","full_name":"tterb/Atomic-Design-UI","owner":"tterb","description":":atom: A responsive modern interface for any dark syntax-theme","archived":false,"fork":false,"pushed_at":"2019-09-09T04:55:16.000Z","size":7682,"stargazers_count":5,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-30T05:08:41.310Z","etag":null,"topics":["apm","atom","atom-packages","atom-theme","custom-icons","dark","design","modern","theme","ui","ui-theme"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tterb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-08-28T21:33:03.000Z","updated_at":"2024-01-04T20:26:54.000Z","dependencies_parsed_at":"2022-09-06T07:21:15.342Z","dependency_job_id":null,"html_url":"https://github.com/tterb/Atomic-Design-UI","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tterb%2FAtomic-Design-UI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tterb%2FAtomic-Design-UI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tterb%2FAtomic-Design-UI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tterb%2FAtomic-Design-UI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tterb","download_url":"https://codeload.github.com/tterb/Atomic-Design-UI/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238347701,"owners_count":19456974,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apm","atom","atom-packages","atom-theme","custom-icons","dark","design","modern","theme","ui","ui-theme"],"created_at":"2024-10-11T05:08:41.669Z","updated_at":"2025-10-26T14:31:20.595Z","avatar_url":"https://github.com/tterb.png","language":"CSS","funding_links":["https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=E6RKPR34SH6CU"],"categories":[],"sub_categories":[],"readme":"[\u003cimg src=\"https://cloud.githubusercontent.com/assets/16360374/22689194/ab4e61f4-ece4-11e6-8732-b613ffaeb2e7.png\" height=\"75\"/\u003e](https://github.com/Atomic-Design-UI)  \r\n_________________________________________  \r\n\r\n\u003c!-- Badges --\u003e\r\n\u003cp align=\"right\"\u003e\r\n\t\u003ca href=\"https://atom.io/themes/atomic-design-ui\"\u003e\r\n\t\t\u003cimg src=\"https://img.shields.io/apm/v/atomic-design-ui.svg?\" height=\"21\" title=\"Version\"\u003e\u0026nbsp;\r\n\t\u003c/a\u003e\r\n\t\u003ca href=\"https://opensource.org/licenses/MIT\"\u003e\r\n\t\t\u003cimg src=\"https://img.shields.io/apm/l/atomic-design-ui.svg?\" height=\"21\" title=\"License\"\u003e\u0026nbsp;\r\n\t\u003c/a\u003e\r\n    \u003cimg src=\"https://img.shields.io/apm/dm/atomic-design-ui.svg?maxAge=2592000?\" height=\"21\" title=\"Downloads\"\u003e\u0026nbsp;\r\n\t\u003ca href=\"https://atom.io/themes/atomic-design-ui\"\u003e\r\n\t\t\u003cimg src=\"https://badges.frapsoft.com/os/v1/open-source.svg?v=103\" height=\"21\" title=\"Open Source\"/\u003e\u0026nbsp;\r\n\t\u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n\u003c!-- Screenshot --\u003e\r\n\u003cp align=\"center\"\u003e\r\n  \u003cimg title=\"Preview\" src=\"https://user-images.githubusercontent.com/16360374/42451361-d7f0abb0-833b-11e8-9a0f-d100109c9c45.png\" width=\"950\"/\u003e\r\n\u003c/p\u003e  \r\n\r\n# Description  \r\n\r\n*Atomic Design* aims to provide a modern and refined interface to compliment any dark syntax-theme.\u003c!--, featuring modifications that focus on improving the effeciency and clarity of the interface. Designed with an emphasis on clarity and efficiency, . --\u003e In addition, this theme also includes a custom icon set and improved integration of some of the most popular [Atom packages].  \r\n\u003e The screenshot above features the **[Atomic Monokai Pro]** syntax-theme and the *[Operator Mono]* font.\r\n\r\n**In Progress:**\r\n  * Experimenting with functionalities to improve adaptability.\r\n  * Adding improved integration for common packages.\r\n\r\n\u003cbr\u003e  \r\n\r\n_________________________________________  \r\n\r\n# Features\r\n\u003cbr\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003cimg title=\"Dark Refined Interface\" src=\"https://cloud.githubusercontent.com/assets/16360374/25552099/03236b68-2c46-11e7-804e-6fd40656842f.png\" height=\"28\"/\u003e\r\n\u003c/p\u003e\r\n\u003cp align=\"center\"\u003e\r\n  \u003ci\u003eAtomic Design\u003c/i\u003e features a carefully selected color palette and meticulously styled components, \u003cbr\u003e\r\n  which provides the interface with a sense of depth, receptiveness, and adaptability. \u003cbr\u003e\r\n  Allowing this theme to be wonderfully complimented by any dark syntax theme.\r\n\u003c/p\u003e\r\n\u003cbr\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003cimg title=\"Package Styling\" src=\"https://cloud.githubusercontent.com/assets/16360374/25552101/0adda5da-2c46-11e7-910a-d9aa55395ade.png\" height=\"28\"/\u003e\r\n\u003c/p\u003e\r\n\u003cp align=\"center\"\u003e\r\n  This UI-theme includes supplementary styling for an expanding collection of popular Atom \u003cbr\u003e\r\n  packages, providing the same refined interface to all aspects of the user experience.\r\n\u003c/p\u003e\r\n\u003cbr\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003cimg title=\"Custom Icon Set\" src=\"https://cloud.githubusercontent.com/assets/16360374/25552100/0704f1ca-2c46-11e7-999b-c4c654bc6193.png\" height=\"28\"/\u003e\r\n\u003c/p\u003e\r\n\u003cp align=\"center\"\u003e\r\n\u003ci\u003eAtomic Design\u003c/i\u003e also features a custom icon set, which aims to integrate distinct custom icons \u003cbr\u003e\r\nwith the best aspects of popular icon packages to provide improved\r\nvisual-grepping of \u003cbr\u003e\r\nproject files, while also preventing the alignment issues that plague \u003cbr\u003e many icon packages and theme combinations.\r\n\u003c/p\u003e\r\n\u003cbr\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003cimg title=\"Modular Theme Settings\" src=\"https://cloud.githubusercontent.com/assets/16360374/25552096/01712968-2c46-11e7-83b2-cc1ef0157737.png\" height=\"28\"/\u003e\r\n\u003c/p\u003e\r\n\u003cp align=\"center\"\u003e\r\n  This UI-theme includes custom settings, which allow users to fine-tune various aspects of \u003cbr\u003e\r\n  the interface to suit their preference. These settings are accessible via \u003cbr\u003e\r\n  the \u003cimg src=\"https://cloud.githubusercontent.com/assets/16360374/22728369/572ca3fc-ed92-11e6-8f35-5f1da6078b4f.png\" height=\"23\"\u003e button,\r\n  once the theme is enabled.\r\n\u003c/p\u003e\r\n\r\n\u003cbr\u003e  \r\n\r\n_________________________________________  \r\n\r\n# Install  \r\nThis package is distributed via *[apm]*. After [installing apm], you can install the UI-theme with this command.  \r\n\r\n\u003cbr\u003e  \r\n\r\n```bash\r\n$ apm install atomic-design-ui\r\n```\r\n\r\n  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.\r\n\r\n\u003cbr\u003e  \r\n\r\n_________________________________________  \r\n\r\n# Settings:  \r\nOnce the theme is activated, you can select the \u0026nbsp;\u003cimg src=\"https://cloud.githubusercontent.com/assets/16360374/21959455/1719f490-da7d-11e6-9137-65089a686d52.png\" height=\"18\" Title=\"Settings\"\u003e\u0026nbsp; icon to access the modular features of the theme, including:     \r\n\r\n  * Adaptive Tabs  \r\n  * Light/Dark Tree-view  \r\n  * Custom Icons  \r\n\r\n\u003cbr\u003e\r\n\r\n_________________________________________  \r\n\r\n# Screenshots\r\n\r\n  * **[HTML]**\r\n  * **[Settings-View]**\r\n  * **[Packages]**\r\n\r\n\u003cbr\u003e\r\n\r\n\u003cp align=\"right\"\u003e\r\n  \u003cspan class=\"badge-paypal\"\u003e\r\n    \u003ca href=\"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=E6RKPR34SH6CU\" title=\"Donate to this project using PayPal\"\u003e\u003cimg src=\"https://img.shields.io/badge/paypal-donate-yellow.svg\" height=\"21\" title=\"Donate\"\u003e\u003c/a\u003e\r\n \u003c/span\u003e\r\n\u003c/p\u003e\r\n\r\n\r\n\r\n\u003c!-------------------------------- Links --------------------------------------\u003e\r\n\r\n[Atom Dark UI]: https://github.com/atom/atom-dark-ui\r\n[Atomic Monokai Pro]: https://atom.io/themes/atomic-monokai-pro-syntax\r\n[Atom packages]: https://atom.io/packages\r\n[packages]: https://github.com/JonSn0w/atomic-delight-ui/wiki/packages\r\n[syntax-theme]: https://github.com/JonSn0w/atom-delight-syntax\r\n[Operator Mono]: https://www.typography.com/fonts/operator/styles/\r\n\r\n[apm]: https://atom.io/themes\r\n[installing apm]: https://github.com/atom/apm#installing\r\n\r\n[HTML]: https://user-images.githubusercontent.com/16360374/42451363-db73f77e-833b-11e8-989c-58e2dc151b5a.png\r\n[Packages]: https://user-images.githubusercontent.com/16360374/42451365-dda973ac-833b-11e8-8103-311d847cd866.png\r\n[Settings-View]: https://user-images.githubusercontent.com/16360374/42451368-e00eec12-833b-11e8-85a8-5ae93f974c87.png\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftterb%2Fatomic-design-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftterb%2Fatomic-design-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftterb%2Fatomic-design-ui/lists"}