zapSNH / zapsCoolPhotonTheme

A faithful(ish) Firefox Photon theme.

Zap's Cool Photon Theme

A userChrome designed to be as faithful to Firefox Photon (specifically Firefox 87) as possible.

---

Compatibility

	Windows 10/11	Linux (GNOME 45)	MacOS	Notes
115esr	✔️	Semi-broken	?	No Updates
120	✔️	✔️	?
122	✔️	✔️	?

Installation

Open about:config and set/create:

• toolkit.legacyUserProfileCustomizations.stylesheets to true
• svg.context-properties.content.enabled to true
• layout.css.has-selector.enabled to true
• layout.css.nesting.enabled to true
• browser.newtabpage.activity-stream.logowordmark.alwaysVisible to false

---

If you're too lazy to copy and paste these about:config preferences, you can visit https://zapsnh.github.io/zcpt-configurator/, enable Include preferences for theme installation, and generate a user.js file that you can put in your profile folder.

Make sure to delete it after you start Firefox so that it doesn't override any changes you make in about:config.

Create security.secure_connection_icon_color_gray as a boolean and set it to true if you don't want the green connection icon.

---

Download the release for your version:

Static Release (stability):

• Firefox 120
• Firefox 115esr

Rolling Release (features and bugfixes):

• Firefox 120 - 121
• Firefox Nightly

Experimental WebExtension Version (auto updates):

• Firefox Nightly/Dev (ESR partially works) (follow the README.md instructions)

Older Versions

• Firefox 99
• Firefox 116 - 119
• Other Versions

Note: Firefox versions other than the latest versions (nightly, beta/dev, and stable, but NOT esr) will not get feature updates.

---

Extract the zip and move zapsCoolPhotonTheme-* to your profile which you can find by going to about:support and opening your profile folder/directory.

Rename zapsCoolPhotonTheme-* to chrome

Make sure the directory is like this:

• Profiles > XXXXXXXX.profile > chrome

and not like this:

• Profiles > XXXXXXXX.profile > chrome > zapsCoolPhotonTheme-*

Restart Firefox

Configuration

Config options are available at the Wiki.

An interactive configurator is available at https://zapsnh.github.io/zcpt-configurator/. To apply the settings, place the exported user.js file in your profile folder/directory (Profiles > XXXXXXXX.profile), launch Firefox, and then delete it afterwards.

For the WebExtension version, the configurator is can be found in the extension's option page. The settings apply after you click Apply.

Misc.

Photon Firefox icons are taken from the omni.ja file from Firefox 87. Some other icons are modified/made by me.

Special thanks to:

• black7375's Lepton
• YukisCoffee's Phroton
• The folks over on r/FirefoxCSS
• Mozilla since they made Firefox so customizable (and they made Photon)
• Windows 11 for opening Edge everytime I accidentally press F1 instead of F2 to rename stuff in explorer. I think YOU need to get help Microsoft.