Code Monkey home page Code Monkey logo

classic-firefox's Introduction

Zap's Cool Photon Theme

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

it's cool


Compatibility

Windows 10/11 Linux (GNOME 45) MacOS Notes
115esr ✔️ ✔️ ?
123 ✔️ ✔️ ?
125 ✔️ ✔️ ?

Installation

There are 2 ways of installing this theme.

Manually

Can be installed on all editions of Firefox. There is no auto-updating.

Open about:config and set:

Pref Value Description
toolkit.legacyUserProfileCustomizations.stylesheets true Enables userChrome customization
svg.context-properties.content.enabled true Required in order to make the icons colored correctly
layout.css.has-selector.enabled true true by default in FF 121+. Required for some functionality to work.
layout.css.nesting.enabled true true by default in FF 117+. Required for theming and some other stuff to work.
browser.newtabpage.activity-stream.logowordmark.alwaysVisible false Reverts the new tab Firefox logo behavior to what it was in Photon

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 click Export Options to 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):

Rolling Release (features and bugfixes):

Older Versions

Extract the zip and move zapsCoolPhotonTheme-* to your profile folder 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 > userChrome.css and others

and not like this:

  • Profiles > XXXXXXXX.profile > chrome > zapsCoolPhotonTheme-* > userChrome.css and others

Restart Firefox.


As an Extension

Can only be installed on Firefox Developer Edition, Firefox Nightly, and Firefox ESR. Has auto-updating and a built-in configurator. This version is based on Paxmod.

Open about:config and set:

  • extensions.experiments.enabled to true
  • xpinstall.signatures.required to false (Why?)

Download the latest version: https://github.com/zapSNH/zcpt-webextension/releases

You're done!

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.

classic-firefox's People

Contributors

zapsnh avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.