/custom-devtools

💻️ A custom unpacked Chrome extension that provides custom fonts and font settings for the Chrome Developer Tools via CSS.

Primary LanguageCSS

icon Custom Devtools

A custom unpacked Chrome extension that provides custom fonts and font settings for the Chrome Developer Tools via CSS.

screenshot

Installation/Usage

  1. Please download this repo and unzip the folder. Move it somewhere safe.
  2. Open Chrome. Enable "Developer Tools Experiments" in Chrome's Flags (chrome://flags/#enable-devtools-experiments). After enabling that flag, please restart Chrome.
  3. Open the Developer Tool Settings. Under "Experiments" please check "Allow Custom UI Themes". Please close the Developer Tools.
  4. 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.
  5. 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.