A minimalistic and keyboard centered userChrome

Cascade aims to remove a lot of the subjective clutter default Firefox comes with. The theme is also highly inspired by the stylistic choices of SimpleFox 🦊 by Miguel Ávila.

This theme was known previously as »ag.proton« — but let's be honest: That sounds hella boring. What you get is a really simple adaptive layout that works well with the new Proton UI. On larger window resolutions Cascade will have a oneline layout which displays the URL bar and tab list next to each other. Smaller resultions will stack both UI elements on top of each other for better readability.

Installation • Customisation • Keyboard Shortcuts

1. Type about:config into your URL bar. Click on the I accept the risk button if you're shown a warning.
2. Seach for toolkit.legacyUserProfileCustomizations.stylesheets, layers.acceleration.force-enabled, gfx.webrender.all and svg.context-properties.content.enabled and set them to true.
3. Go to your profile folder:
   • Linux: $HOME/.mozilla/firefox/######.default-release/
   • MacOS: Users/[USERNAME]/Library/Application Support/Firefox/Profiles/######.default-release
   • Windows: C:\Users\[USERNAME]\AppData\Roaming\Mozilla\Firefox\Profiles\######.default-release
4. If it doesn't exist already create a folder called chrome.
5. Copy your desired userChrome.css into that folder.
6. optional Customise everything to your liking.

On Firefox nightly and developer editions Cascade can be installed as an extension. On stable/beta browsers extensions cannot provide userChrome.css customizations.

1. Enable installing unsigned extensions by following Mozilla's guide to whitelist https://github.com as an extension source and allowing installation of unsigned extensions by setting xpinstall.signatures.required to false in about:config.
2. Enable extensions to provide themes by settings extensions.experiments.enabled to true in about:config.
3. Install cascade.xpi by downloading it from the Github releases.

Edit the min-width value to change the breakpoint size on which Cascade will switch to the oneline layout.

@media (min-width: 1000px) {
    
    [...]
    
}

You can use your own colours for Cascade. To do so just edit the following block on top of the config section. By default it will use a dark theme but colour suggestions for light theme users are given as well. Please also change Firefox' theme in your settings to make sure you get the best compatibility.

If you're using a custom colour scheme (e.g. Firefox Color) you can comment out the entire colour-definitions block to use the default colours provided by the Theme Addon.

This userstyle was made for a keyboard centered usage, like Tilling Window Manager users or just cool people that loves them! These are some of the shortcuts that are available:

For the full list of shortcuts visit the official Firefox website.‎