A twilight-inspired dark theme for Firefox using userChrome.css.
- Open Firefox and navigate to
about:config - Set
toolkit.legacyUserProfileCustomizations.stylesheetstotrue - Open your Firefox profile folder:
- Type
about:supportin the address bar - Click "Open Folder" next to "Profile Directory"
- Type
- Create a folder named
chromeif it doesn't exist - Copy
userChrome.cssinto thechromefolder - Restart Firefox
- Install the Stylus extension
- Create a new style and paste the contents of
userChrome.css - Save and enable
| Token | Hex | Usage |
|---|---|---|
| Background | #161221 |
Main background |
| Current Line | #281F3D |
Line highlight |
| Selection | #3D2556 |
Text selection |
| Foreground | #E8E3F2 |
Default text |
| Comment | #736699 |
Comments |
| Keyword | #CB81E4 |
Keywords |
| String | #ED9F82 |
Strings |
| Function | #EC93BF |
Functions |
| Number | #EFBF6C |
Numbers |
| Type | #75C6D7 |
Classes, types |
| Variable | #C7BCE6 |
Variables |
| Accent | #F471C8 |
Cursor, accent |
Coming soon.
MIT © Foreglow