GithubHelp home page GithubHelp logo

firefox-oneliner's Introduction

Firefox Oneliner

Screenshot

screenshot

Features

  • Minimal: Oneline Proton has been made trying to keep all the Proton experience, but with a cleaner interface.
  • Practical: The oneline interface allows you to keep a higher visible space and focus on what matters.
  • Clean: back/forward buttons keep hidden when disabled, and some url icons are hidden until you hover them.
  • Flexible: Support for compact, normal, and touch densities.
  • Themeable: You can still using custom themes with full compatibility.
  • Customizable: You are able to change settings like navbar's width, animation speed, and hidden elements at the top of the userChrome.css file.

Installation

  1. In the searchbar, type about:config. A dialog will be shown to you. Press the I accept the risk button.
  2. Search for toolkit.legacyUserProfileCustomizations.stylesheets and change it to True.
  3. Go to your Firefox profile:
    • In the searchbar, type about:support and press Enter.
    • Search for Profile Directory and click on Open Directory button.
  4. Create a folder and name it chrome (with lowercase).
  5. Paste userChrome.css file into the folder.
  6. Restart Firefox

Customization

  • You can change some settings inside the userChrome.css file.
  • Use --navbarWidth variable to change the width of the navbar (you can use px units for a fixed width, or vw units for a percentage one).
  • Use --animationSpeed variable to change (or disable) animations.
  • Hide or show the elements you want by commenting or uncommenting them.

Credits

This Firefox userChrome.css inspired by Oneline Proton.

firefox-oneliner's People

Contributors

stonevil avatar

Watchers

 avatar  avatar

Forkers

zhnathaniellee

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.