{"id":16949877,"url":"https://github.com/simurai/chameleon-ui","last_synced_at":"2025-07-05T04:04:36.598Z","repository":{"id":69522900,"uuid":"73652573","full_name":"simurai/chameleon-ui","owner":"simurai","description":"A color shifting UI theme for Atom.","archived":false,"fork":false,"pushed_at":"2016-11-23T00:45:29.000Z","size":54649,"stargazers_count":20,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T16:45:03.969Z","etag":null,"topics":[],"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/simurai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"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}},"created_at":"2016-11-14T00:33:40.000Z","updated_at":"2023-07-25T14:05:25.000Z","dependencies_parsed_at":"2023-02-26T21:31:35.217Z","dependency_job_id":null,"html_url":"https://github.com/simurai/chameleon-ui","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simurai%2Fchameleon-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simurai%2Fchameleon-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simurai%2Fchameleon-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simurai%2Fchameleon-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simurai","download_url":"https://codeload.github.com/simurai/chameleon-ui/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248477525,"owners_count":21110507,"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":[],"created_at":"2024-10-13T21:56:16.796Z","updated_at":"2025-04-11T20:35:45.951Z","avatar_url":"https://github.com/simurai.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Chameleon UI theme\n\n\u003e Warning: This is still experimental (see FAQ). Only use this theme together with the Chameleon syntax theme (see under Install).\n\nA color shifting UI theme for Atom.\n\n![Chameleon theme](https://cloud.githubusercontent.com/assets/378023/20452572/64e8d14a-ae50-11e6-8fb4-137d2e85ea1f.gif)\n\n\n## Examples\n\nInstead of using the color picker, you can also edit your `config.cson` file.\n\n1 | 2 | 3\n--- | --- | ---\n![Chameleon dark](https://cloud.githubusercontent.com/assets/378023/20453670/c7a97de2-ae6f-11e6-96bf-405f418cc90a.png) | ![Chameleon dark brown](https://cloud.githubusercontent.com/assets/378023/20453672/d05a6410-ae6f-11e6-9778-283a9ce1a13b.png) | ![Chameleon light](https://cloud.githubusercontent.com/assets/378023/20453674/d644d504-ae6f-11e6-8d38-3d3dec2c902b.png)\n\n\n```cson\n# 1\n\"chameleon-syntax\":\n  color:\n    ac: \"#49ff94\"\n    bg: \"#383747\"\n    fg: \"#7093a8\"\n\n# 2\n\"chameleon-syntax\":\n  color:\n    ac: \"#ffc465\"\n    bg: \"#36302d\"\n    fg: \"#71966c\"\n\n# 3\n\"chameleon-syntax\":\n  color:\n    ac: \"#5a5aff\"\n    bg: \"#fffcf9\"\n    fg: \"#8c847b\"\n```\n\n\n### Install\n\nThis theme isn’t published. But you can still try it out by installing it from Atom’s settings. Go to __Settings \u003e Install__ and then enter `simurai/chameleon-ui` and click on the \"Themes\" button. It should show a card with an \"Install\" button. Don’t forget to also install `simurai/chameleon-syntax` since they depend on each other.\n\nThen switch to the \"Themes\" tab and pick **Chameleon** for both, UI and Syntax.\n\n\n### Settings\n\n![Theme settings](https://cloud.githubusercontent.com/assets/378023/15923548/cb3dc7ce-2e68-11e6-8a51-10801fb483bf.png)\n\nIn the theme settings you can change the __Font Size__ to scale the whole UI up or down.\n\nSwitch between 3 __Layout Modes__:\n\n1. `Auto` (default) - In Auto mode, the UI and font size will automatically change based on the window size.\n2. `Compact` - The UI stays compact to leave more space for the editor.\n3. `Spacious` - The UI is expanded, giving some breathing room.\n\nAnd pick a __Tab Sizing__ mode:\n\n1. `Auto` (default) - In Auto mode the tabs switch based on the window size.\n2. `Minimum` - In Mimimum mode the tabs will be as small as possible.\n3. `Even` - In Even mode all tabs will be the same size.\n\n\n### Customize\n\nIt's also possible to resize only certain areas by adding the following to your `styles.less` (Use the DevTools to find the right selectors):\n\n```css\n.theme-chameleon-ui {\n  .tab-bar { font-size: 18px; }\n  .tree-view { font-size: 14px; }\n  .status-bar { font-size: 12px; }\n}\n```\n\n### FAQ\n\n__Why isn’t this theme published?__\n\nThis theme is pretty experimental and not all packages get updated with the right colors.\n\nBy convention, Atom themes have to define a list of Less variables that other packages will use to make their package look consistent with the rest of the UI. This theme uses custom properties (CSS variables) for its colors which unfortunately aren’t compatible with Less variables.\n\nYou can certainly use it, but there might be issues where certain areas are red. See next question.\n\n__I see red?__\n\nIf you see red somewhere it means that package still needs to be overridden. Feel free to make an issue, but no guarantee that it will be fixed everywhere.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimurai%2Fchameleon-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimurai%2Fchameleon-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimurai%2Fchameleon-ui/lists"}