Giter Club home page Giter Club logo

userchrome-toggle-extended's Introduction

Userchrome Toggle

The userchrome.css file lets you customize the Firefox interface deeply. While very powerful, any changes will require a restart of the browser to take effect.

This Firefox extension adds a new button to your toolbar that allows you to toggle custom userchrome.css styling on-the fly. The magic happens by including special CSS selectors in your user styles. Manipulating those selectors allows you to enable/disable up to three of your modifications on-the-fly.

The addon accomplishes this by changing the browsers 'title prefix' attribute. Don't worry! By using invisible UTF-8 characters by default, you won't even notice a thing! Toggle a single style or select up to three styles to toggle in a drop-down menu. Hardcore keyboard users can even use customizable keyboard-shortcuts.

Screenshots

Toggle a single style with the toolbar button

Switch between different styles

Select multiple styles to be active together

Sample of the settings for a single toggle

userchrome-toggle-extended's People

Contributors

joolee avatar naezr avatar gitoffthelawn avatar

Stargazers

 avatar  avatar Nick Liebmann avatar  avatar  avatar Raven avatar  avatar

Watchers

 avatar

Forkers

davemanush

userchrome-toggle-extended's Issues

The extension should be rewritten from scratch.

Issues:

  • Working with multiple windows is broken. Basically, you have only one set of settings containing which toggles are enabled and which are not. When you toggle toggles in one window, it affects the second window as well, it just doesn't update. It's easier to explain using ShyFox as an example. Let's say you have two windows, all panels in both are hidden. You decide to display a sidebar in the first window. Then you decide to switch the navbar for the second window. The sidebar is activated along with the navbar. Because in the unified settings pool the sidebar is already enabled, and by clicking on the shortcut you have enabled the navbar and updated this window. If you go back to the first window and turn on the toolbar, the navbar will appear along with it. It's hard to explain in words, but if you just try it yourself, everything will become clear.

  • The settings page looks bad and requires you to constantly click on the “Apply settings” button. No explanation is needed here.

  • The extension code is just a mess. It's hard for me to understand this confusing code, it's easier to do everything myself from scratch. At the same time it will be a good practice in JS for me as a beginner.

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.