├── devtools.css ├── devtools.js ├── manifest.json ├── devtools.html ├── README.md └── LICENSE /devtools.css: -------------------------------------------------------------------------------- 1 | #-blink-dev-tools * { 2 | font-family: 'Fira Code'; 3 | } 4 | -------------------------------------------------------------------------------- /devtools.js: -------------------------------------------------------------------------------- 1 | fetch('/devtools.css') 2 | .then((res) => res.text()) 3 | .then((css) => chrome.devtools.panels.applyStyleSheet(css)) 4 | .catch((err) => console.error(err.stack)); 5 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "roman01la-devtools", 3 | "version": "1.0.0", 4 | "description": "Custom DevTools theme", 5 | "devtools_page": "devtools.html", 6 | "manifest_version": 2 7 | } 8 | -------------------------------------------------------------------------------- /devtools.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # roman01la-devtools 2 | Custom UI theme for Chrome's DevTools 3 | 4 | ## Features 5 | - [Fira Code](https://github.com/tonsky/FiraCode) — monospaced font with programming ligatures (requires the font to be installed on your system) 6 | 7 | ## Usage 8 | 1. Enable DevTools experiments at: `chrome://flags/#enable-devtools-experiments` 9 | 2. Relaunch Chrome, open DevTools, open *Settings > Experiments*, and toggle *Allow UI* themes experiment 10 | 3. Visit `chrome://extensions` 11 | 4. Ensure that the *Developer mode* checkbox in the top right-hand corner is checked 12 | 5. Click *Load unpacked extension…* and select *roman01la-devtools* directory to load 13 | 6. Reload DevTools 14 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Roman Liutikov 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | --------------------------------------------------------------------------------