Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/benfaerber/one-monokai-firefox-devtools

A theme for Firefox Devtools
https://github.com/benfaerber/one-monokai-firefox-devtools

devtools-theme firefox theme

Last synced: about 2 months ago
JSON representation

A theme for Firefox Devtools

Awesome Lists containing this project

README

        

## One Monokai Theme for Firefox Devtools
A theme for Firefox Devtools.

![One Monokai Firefox Devtools](images/theme.png)

I pair this theme with [Nord Polar Night from Christos Bouronikos](https://github.com/ChristosBouronikos/Nord-Polar-Night-Theme)

Based on the theme [One Monokai for VSCode](https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai)

## How to install:

1. Enter `about:config` in the Firefox address bar and click `Accept the risk and continue` after reading the warning.

2. To enable `userChrome.css` custom stylesheets enter this command in the search bar:
`toolkit.legacyUserProfileCustomizations.stylesheets`, then double click the property to toggle it to true. You can now close this window.

![Toggle the legacyUserProfileCustomizations property](images/about-config.png)

3. Enter `about:profiles` in the Firefox address bar. Find your in use root profile and click `Open Folder`

![Open your root profile folder](images/about-profiles.png)

4. Download this repository and find the `chrome` folder. Drag the `chrome` folder into the root profile folder you just opened.

![Copy the chrome folder into your root profile](images/chrome-folder.png)

5. Return to the `about:profiles` page and click `Restart Normally`.

![Restart Firefox Normally](images/restart-firefox.png)

6. Once Firefox restarts, open your dev tools. If they still look the same try restarting your computer and double check you followed this guide correctly. Enjoy!