https://github.com/hieutdo/chrome-devtools-furacode-theme

Make your Chrome DevTools Sources editor look better with FuraCode Nerd Font
https://github.com/hieutdo/chrome-devtools-furacode-theme

Last synced: about 2 months ago
JSON representation

Make your Chrome DevTools Sources editor look better with FuraCode Nerd Font

• Host: GitHub
• URL: https://github.com/hieutdo/chrome-devtools-furacode-theme
• Owner: hieutdo
• License: apache-2.0
• Created: 2017-08-17T21:22:50.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-17T21:37:03.000Z (over 7 years ago)
• Last Synced: 2024-08-02T14:10:47.511Z (5 months ago)
• Language: JavaScript
• Size: 274 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred-test - hieutdo/chrome-devtools-furacode-theme - Make your Chrome DevTools Sources editor look better with FuraCode Nerd Font (JavaScript)

README

        
# chrome-devtools-furacode-theme

Use this theme to make the editor in Chrome DevTools Sources tab look better with FuraCode Nerd Font (monospaced font with programming ligatures)



After installing the theme, your editor will look like below



## Install FuraCode Nerd Font

```sh

brew tap caskroom/fonts

brew cask install font-firacode-nerd-font

```

For other installation options, visit [Nerd Fonts](https://github.com/ryanoasis/nerd-fonts#font-installation)

## Install DevTools Theme

1. Clone this repository

2. Open `chrome://flags/#enable-devtools-experiments` and enable `DevTools Experiments`

4. Save and Relaunch Chrome

5. Open DevTools > Settings > Experiments and select `Allow UI` themes experiment

6. Open `chrome://extensions` and enable the `Developer mode` checkbox

8. Click `Load unpacked extension…` button and choose the `chrome-devtools-furacode-theme` directory that you've cloned in step 1

9. Reload DevTools