{"id":13572101,"url":"https://github.com/dracula/chrome-devtools","last_synced_at":"2025-04-24T00:21:46.170Z","repository":{"id":147661559,"uuid":"59144197","full_name":"dracula/chrome-devtools","owner":"dracula","description":"🧛🏻‍♂️ Dark theme for Chrome DevTools","archived":false,"fork":false,"pushed_at":"2022-03-07T18:52:53.000Z","size":1576,"stargazers_count":54,"open_issues_count":2,"forks_count":10,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-18T08:39:51.252Z","etag":null,"topics":["chrome-devtools","dark-theme","dracula","theme"],"latest_commit_sha":null,"homepage":"","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/dracula.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-05-18T19:15:11.000Z","updated_at":"2024-09-25T05:46:52.000Z","dependencies_parsed_at":"2024-01-14T03:50:48.415Z","dependency_job_id":"5eb2c617-cc73-49c4-8b35-3e68ceae17b5","html_url":"https://github.com/dracula/chrome-devtools","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/dracula%2Fchrome-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracula%2Fchrome-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracula%2Fchrome-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dracula%2Fchrome-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dracula","download_url":"https://codeload.github.com/dracula/chrome-devtools/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250536230,"owners_count":21446697,"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":["chrome-devtools","dark-theme","dracula","theme"],"created_at":"2024-08-01T14:01:13.384Z","updated_at":"2025-04-24T00:21:46.149Z","avatar_url":"https://github.com/dracula.png","language":"Less","readme":"## Update (2017-10-18)\n\nThe fix to continue support for custom devtools themes landed in m62. The new method injects the custom stylesheet into every shadow root that gets rendered. This caused devtools to be super sluggish especially with the shadow piercing combinators. I haven't finished refactoring the styles, but I decided to release it early to address some of the performance and style issues.\n\n## How You Can Help\n\nPlease [file issues](https://github.com/mauricecruz/zero-base-themes/issues) for anything that seems broken/unstyled.\n\nI'm trying to prune as much css as possible to improve performance. Haven't figured out a good way of verifying if a selector was removed/deprecated by the Chrome Team other than searching the code base. And that's a slow and painful process.\n\nIf you want to pitch in with the cleanup, feel free to create pull requests.\n\n## Only Supporting Stable Channel (Temporarily)\n\nThe css combinators used to override the devtools CSS is deprecated and support will be removed from Chrome in m63 (~ December 2017). The [Chrome Team will continue to support custom themes](https://bugs.chromium.org/p/chromium/issues/detail?id=709732\u0026can=2\u0026q=709732) by changing the implementation.\n\nThe implementation change requires a rewrite of this theme. During this time, only stable channel will be supported.\n\n## Zero Base Themes\n\nAn assortment of Chrome Devtools themes that use the Zero Base Template.\n\n## Contributing\n\nZero Base Themes is built on LESS. Grunt is used to listen for changes to LESS files and generates CSS. This means [Node](http://nodejs.org/) is required.\n\n## Getting Started\n\n1. Clone this repo: `git clone https://github.com/mauricecruz/zero-base-themes.git`.\n\n2. Install dependencies: `npm install`.\n\n3. To use an existing theme: `grunt`. (If you're going to work on your own theme: `grunt watch` to listen for changes).\n\n4. `Chrome \u003e Preferences... \u003e Extensions \u003e DevTools Theme: Zero Dark Matrix = Enabled`\n\n5. chrome://flags (make sure `Enable Developer Tools experiments` is enabled).\n\n6. In Chrome Dev Tools \u003e Settings (cog icon or `Shift+?`) \u003e Experiments \u003e Allow custom UI themes.\n\n7. Close and reopen the dev tools.\n\n## Contributing to Template Source\n\nAll template files are located in the `/less` directory. Files beginning with an `_` indicate template partials. Any addition/removal of template partials should be reflected in the build file.\n\n## Changing Themes\n\nCopy `/themes/_theme-template.less` and modify color values accordingly. Rename the file and save in the `/themes` directory. Specify the theme of your choice in `config.less`.\n\n## Alternatives\n\nChrome now has an option to let you select different themes via Settings \u003e Appearance \u003e Theme: Light/Dark.\n\n## Additional Resources\n\nBlog post and screencast showing how to get up and running and create your own theme as well http://s10wen.com/blog/2014/03/12/chrome-dev-tools-theming-with-zero-base-themes/\n\n## Community\n\n- [Twitter](https://twitter.com/draculatheme) - Best for getting updates about themes and new stuff.\n- [GitHub](https://github.com/dracula/dracula-theme/discussions) - Best for asking questions and discussing issues.\n- [Discord](https://draculatheme.com/discord-invite) - Best for hanging out with the community.\n","funding_links":[],"categories":["Less"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula%2Fchrome-devtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdracula%2Fchrome-devtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula%2Fchrome-devtools/lists"}