A custom unpacked Chrome extension that provides custom fonts and font settings for the Chrome Developer Tools via CSS.
- Please download this repo and unzip the folder. Move it somewhere safe.
- Open Chrome. Enable "Developer Tools Experiments" in Chrome's Flags (
chrome://flags/#enable-devtools-experiments
). After enabling that flag, please restart Chrome. - Open the Developer Tool Settings. Under "Experiments" please check "Allow Custom UI Themes". Please close the Developer Tools.
- Navigate to the Chrome Extensions page (
chrome://extensions/
) and make sure Developer Mode is checked. You should see a button that says "Load Unpacked Extension"; click on that and navigate to the folder you downloaded in step 1. You can uncheck Developer Mode now if you want. - Feel free to edit any of the css in the extension folder or add your own if you want.
- Bonus: If you want the dark theme that you see in the screenshot, that can be turned on in the Developer Tool Settings.