{"id":13434142,"url":"https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme","last_synced_at":"2025-05-15T20:04:53.157Z","repository":{"id":8137394,"uuid":"9555602","full_name":"mauricecruz/chrome-devtools-zerodarkmatrix-theme","owner":"mauricecruz","description":"A highly customized dark theme for Chrome","archived":false,"fork":false,"pushed_at":"2018-12-11T19:58:53.000Z","size":3966,"stargazers_count":2008,"open_issues_count":7,"forks_count":245,"subscribers_count":74,"default_branch":"master","last_synced_at":"2025-04-08T02:39:46.813Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mauricecruz.png","metadata":{"files":{"readme":"README.md","changelog":"Changelog.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-04-19T22:20:40.000Z","updated_at":"2025-02-11T17:27:50.000Z","dependencies_parsed_at":"2022-09-08T21:01:50.458Z","dependency_job_id":null,"html_url":"https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mauricecruz%2Fchrome-devtools-zerodarkmatrix-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mauricecruz%2Fchrome-devtools-zerodarkmatrix-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mauricecruz%2Fchrome-devtools-zerodarkmatrix-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mauricecruz%2Fchrome-devtools-zerodarkmatrix-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mauricecruz","download_url":"https://codeload.github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254414499,"owners_count":22067272,"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-07-31T02:01:47.643Z","updated_at":"2025-05-15T20:04:49.983Z","avatar_url":"https://github.com/mauricecruz.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Apps","Developer"],"sub_categories":[],"readme":"# ZeroDarkMatrix Theme for Chrome\r\nA highly customized dark theme for Google Chrome.\r\n\r\nStable and Canary channels are officially supported.  Beta and Dev channels will work, but I'm not testing on them.\r\n\r\n➡ Please follow development for this theme at [zero base themes](https://github.com/mauricecruz/zero-base-themes).\r\n\r\n## Installation\r\n\r\n* Add [Zero Dark Matrix](https://chrome.google.com/webstore/detail/devtools-theme-zero-dark/bomhdjeadceaggdgfoefmpeafkjhegbo) from the Chrome Web Store.\r\n* Open `chrome://flags/#enable-devtools-experiments` \u0026#9654; Enable Developer Tools experiments and click \"Relaunch Now\" at the bottom.\r\n* Open the Developer Tools panel -\u003e Click on the 3 dots on upper right hand side -\u003e settings -\u003e \r\n\r\n![DeveloperToolsSettings]\r\n\r\non left hand side drowdown set theme to 'Dark' \r\n\r\n![ThemeDark]\r\n\r\n* In the same panel on the left hand side select the Experiments tab. Check 'Allow custom UI themes`\r\n![AllowCustomUIThemes]\r\n\r\n\r\n[DeveloperToolsSettings]: https://user-images.githubusercontent.com/635449/49825404-2fb2a480-fd39-11e8-9cd3-423714b428c7.png?raw=true \"Developer Tools Settings\"\r\n[ThemeDark]: https://user-images.githubusercontent.com/635449/49825339-0134c980-fd39-11e8-83aa-ef4fa03e7122.png?raw=true \"Theme Dark\"\r\n[AllowCustomUIThemes]: https://user-images.githubusercontent.com/635449/49825299-e6faeb80-fd38-11e8-836d-f641a7376a04.png?raw=true \"Allow Custom UI Themes\"\r\n\r\n\r\n\r\n## Preview\r\n\r\n### Elements\r\n![elements]\r\n\r\n![elements2]\r\n\r\n### Resources\r\n![resources]\r\n\r\n### Timeline\r\n![timeline]\r\n\r\n### Network\r\n![network]\r\n\r\n![network-headers]\r\n\r\n### Sources\r\n![sources]\r\n\r\n#### CSS Highlighting\r\n![css-highlighting]\r\n\r\n#### JS Highlighting\r\n![js-highlighting]\r\n\r\n### Console\r\n![console]\r\n\r\n\r\n[elements]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/elements.png?raw=true \"Elements\"\r\n[elements2]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/elements2.png?raw=true \"Elements\"\r\n[resources]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/resources.png?raw=true \"Resources\"\r\n[network]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/network.png?raw=true \"Network\"\r\n[network-headers]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/network-headers.png?raw=true \"Network\"\r\n[sources]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/sources.png?raw=true \"Sources\"\r\n[css-highlighting]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/codekit-css-highlight.png?raw=true \"CSS-Highlight\"\r\n[js-highlighting]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/codekit-js-highlight.png?raw=true \"JS-Highlight\"\r\n[console]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/console.png?raw=true \"Console\"\r\n[readability]: https://f.cloud.github.com/assets/1640686/904010/be9d14b4-fbb9-11e2-8de0-1e846a533d31.png \"readability\"\r\n[timeline]: https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme/blob/master/images/timeline.png?raw=true \"timeline\"\r\n\r\n## Features\r\n* Majority of inspector chrome re-styled\r\n* Customized Scrollbars\r\n* Animations for\r\n** finding elements\r\n** setting elements inactive\r\n** elements/sources/network panels\r\n* Subtle pulsating element selection\r\n* Re-styled Popovers (PSD files included)\r\n* Child element styling in elements panel\r\n\r\n\r\n## Credits\r\n\r\n* Thanks to Simon Owen for the base styles.  I used his [So-Dark-Monokai-v3](https://github.com/simonowendesign/SO-Dark-Monokai-v3) as a starting point.\r\n* CSS Tricks for the [tutorial on customized scrollbars](http://css-tricks.com/custom-scrollbars-in-webkit/).\r\n* [Animate.css](https://github.com/daneden/animate.css) for some of the animations.\r\n\r\n*Simon's version also used samples from other templates so I will thank them as well!*\r\n* [IR_Dark_Monokai](http://www.andrespagella.com/customising-chrome-devtools) - Designed and developed by Andres Pagella (@mapagella)\r\n* [Todd Werth's IR_Black](http://blog.toddwerth.com/entries/2)\r\n* [toolbar code from Harris Novick](https://gist.github.com/4316646)\r\n* Inspired by [Darcy Clarke's blog post](http://darcyclarke.me/design/skin-your-chrome-inspector/)\r\n* Automatic rake file [Rodolfo Puig](https://github.com/simonowendesign/SO-Dark-Monokai-v3/pull/21)\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmauricecruz%2Fchrome-devtools-zerodarkmatrix-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmauricecruz%2Fchrome-devtools-zerodarkmatrix-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmauricecruz%2Fchrome-devtools-zerodarkmatrix-theme/lists"}