{"id":18029879,"url":"https://github.com/zeioth/atom-visual-studio-code-light-ui","last_synced_at":"2025-10-03T16:05:10.755Z","repository":{"id":85081591,"uuid":"44654267","full_name":"Zeioth/atom-visual-studio-code-light-ui","owner":"Zeioth","description":"The real experience of Visual Studio Code, now in Atom.","archived":false,"fork":false,"pushed_at":"2023-06-19T15:35:44.000Z","size":37,"stargazers_count":7,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-25T22:48:14.706Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Less","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/Zeioth.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"Zeioth","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2015-10-21T05:17:02.000Z","updated_at":"2023-06-19T15:35:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"8c0c5a3d-81d6-4f9a-a785-4fa5c3227bcb","html_url":"https://github.com/Zeioth/atom-visual-studio-code-light-ui","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/Zeioth/atom-visual-studio-code-light-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zeioth%2Fatom-visual-studio-code-light-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zeioth%2Fatom-visual-studio-code-light-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zeioth%2Fatom-visual-studio-code-light-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zeioth%2Fatom-visual-studio-code-light-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Zeioth","download_url":"https://codeload.github.com/Zeioth/atom-visual-studio-code-light-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zeioth%2Fatom-visual-studio-code-light-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272367793,"owners_count":24922230,"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","status":"online","status_checked_at":"2025-08-27T02:00:09.397Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-10-30T09:12:00.368Z","updated_at":"2025-10-03T16:05:05.719Z","avatar_url":"https://github.com/Zeioth.png","language":"Less","funding_links":["https://github.com/sponsors/Zeioth"],"categories":[],"sub_categories":[],"readme":"## Atom Visual Studio Code UI light theme [![Build Status](https://travis-ci.org/atom/one-light-ui.svg?branch=master)](https://travis-ci.org/atom/one-light-ui)\n\n![Banner Atom Visual Studio Code UI Light](https://cloud.githubusercontent.com/assets/3357792/10440872/3af1d882-7143-11e5-9df9-2c1d0aa5e919.png)\n\nThis theme aims to reproduce the exact feeling of work with Visual Studio Code. So you don't need to renounce to the features of Atom to enjoy a great workflow. If you prefer, there is an [alternative version](https://atom.io/themes/atom-visual-studio-code-ui) in dark colors.\n\nMade by [@Zeioth](https://twitter.com/Zeioth)\n\n---\n\n![atom-visual-studio-code-light-ui](https://cloud.githubusercontent.com/assets/3357792/10629108/57174d0a-77cc-11e5-93d4-98d0832d694a.png)\n\n### Install your toolbar\n\nAfter you install this theme you'll only have the color scheme of __Visual Studio Code__. To enjoy the full experience you must install the next packages.\n\n1. `tool-bar` by suda - This will enable the sidebar. You can set the position to left.\n2. `flex-tool-bar` by cakecatz - It will allow us to configure the elements of the tool-bar.\n3. `git-plus` by akonwi - Having this you can run git commands from your toolbar.\n\n### Customize your toolbar\n\nYou can't see the toolbar yet. To configure it, you must press ctrl+shift+p and write \"Flex Tool Bar: Edit Config File\". Then paste this code and save it. You should be able to see your new toolbar after restart Atom.\n\n```json\n[\n  {\n    type: \"button\"\n    iconset: \"ion\"\n    icon: \"ios-copy\"\n    callback: \"tree-view:toggle\"\n    tooltip: \"Toggle Project Tree\"\n    style:\n      color: \"#FFFFFF\"\n  }\n  {\n    type: \"button\"\n    iconset: \"fa\"\n    icon: \"columns\"\n    tooltip: \"Split Screen\"\n    callback: [\"pane:split-right\"]\n    style:\n      color: \"#FFFFFF\"\n  }\n  {\n    type: \"button\"\n    iconset: \"devicon\"\n    icon: \"git-plain\"\n    callback: \"git-plus:menu\"\n    tooltip: \"Git\"\n    style:\n      color: \"#1AA2E4\"\n  }\n  {\n    type: \"url\"\n    iconset: \"ion\"\n    icon: \"bug\"\n    url: \"http://localhost:8000\"\n    tooltip: \"Debug Django Project\"\n    show: [ \"Python\", \"HTML\", \"JavaScript\", \"CSS\" ]\n    style:\n      color: \"#FFFFFF\"\n  }\n]\n\n```\n\n### FAQ\n__Can I custumize this theme?__\nYes, you can change anything in your styles.less like this:\n```css\n.theme-atom-visual-studio-code-light-ui {\n  atom-text-editor {\n    background-color: #272822;\n  }\n}\n```\n__My toolbar icons are too small!__\nYou can edit the size of the icons in \"Preferences \u003e Packages \u003e Tool-bar\".\n\n__Something has an incorrect color or size?__\nGo to our Github repository, and open an issue uploading an image of your problem. I will fix it as soon as possible. Also, this theme is based on One Light UI, so if you need further help, please refer to the documentation of said theme.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeioth%2Fatom-visual-studio-code-light-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzeioth%2Fatom-visual-studio-code-light-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzeioth%2Fatom-visual-studio-code-light-ui/lists"}