/tokyo-night-fox

MacOS looking Firefox style using the Tokyo Night theme. + DuckDuckGo theme!

Primary LanguageCSS

🗼 tokyo-nightfox 🦊

Firefox v95.0 | Installation

preview

Installation

  1. Go to about:config and enable toolkit.legacyUserProfileCustomizations.stylesheets.

  2. Locate your profile location by going to about:support and clicking Open Directory in Profile folder (Usually ends with .default-release)

  3. Clone this repository by running git clone https://github.com/rototrash/tokyo-night-fox.git.

  4. Paste the chrome folder into the correct profile folder.

For the blur style to work enable layout.css.backdrop-filter.enabled in about:config.

  1. Copy these customization settings to get the exact spacing and look you see in the preview. You can use the Flexible Spaces for the gaps.

spacings

Note:

I highly recommend installing this firefox theme: https://addons.mozilla.org/en-US/firefox/addon/tokyo-night-theme/ and the JetBrains Mono Nerd font (yay -S nerd-fonts-jetbrains-mono if you are on Arch-based system)

DuckDuckGo

ddg-theme

Want to get this DuckDuckGo theme? Go to https://duckduckgo.com/settings#theme and enter the passphrase tokyo-night.

ddg

Credits