[HN Gopher] Stylebot on Firefox (apply custom css on webpages)
       ___________________________________________________________________
        
       Stylebot on Firefox (apply custom css on webpages)
        
       Author : _ankit_
       Score  : 24 points
       Date   : 2021-01-02 19:40 UTC (3 hours ago)
        
 (HTM) web link (addons.mozilla.org)
 (TXT) w3m dump (addons.mozilla.org)
        
       | baal80spam wrote:
       | Just use Stylus.
       | 
       | https://addons.mozilla.org/en-US/firefox/addon/styl-us/
        
         | the_pwner224 wrote:
         | The first reaction to seeing this is of course 'why not use
         | Stylus.' But it only takes a 10 second look at the page /
         | screenshots to see that this clearly has a number of unique and
         | new features that are beyond what Stylus offers. So no, you
         | can't just use Stylus.
         | 
         | My first impressions are that Stylus is nice for applying big
         | site-wide styles like dark themes, but this is vastly superior
         | for all the small customizations that you might want to make to
         | sites you frequently visit. No need to go deep into the CSS;
         | just right click a thing and open the sidebar and make it look
         | how you want. Not even close to Stylus. Definitely something
         | I'm going to keep, and makes for a very powerful combination
         | paired with uBlock Origin's element picker/zapper.
        
       | tomaszs wrote:
       | Is it actually working, I have tried some CSS extensions for
       | Chrome and FF and they did not see to.
        
       | petepete wrote:
       | I don't think you need an add-on for this if you're already handy
       | with CSS, just edit userContent.css and use a domain-specific
       | query:                   @-moz-document
       | domain(https://news.ycombinator.com) {...}
        
         | markussss wrote:
         | I find it incredibly useful to be able to toggle styles on and
         | off in a simple GUI, especially for these two simple global
         | styles:                   video { /* flip video horizontally */
         | transform: scaleX(-1) !important;         }
         | 
         | or                   /** scale videos that were originally 4:3,
         | but              were encoded as 16:9 into proper 4:3 again */
         | video {             transform: scaleX(0.75) !important;
         | }
         | 
         | It's not extremely useful, but every time I toggle them on, I'm
         | very happy that I added them both.
        
           | the_pwner224 wrote:
           | Out of curiosity, what do you use the first flip horizontally
           | style for?
        
             | bastawhiz wrote:
             | Not OP, but there's a lot of unscrupulous videos out there
             | that flip video horizontally to evade content matching
             | algorithms, and plenty of videos taken on phones or web
             | cams that get flipped as well
        
         | butz wrote:
         | You can even customize browser UI using userChrome.css to
         | revert new style of location bar or remove some items from
         | context menus, and even more. This guide should give you some
         | ideas: https://www.userchrome.org/what-is-userchrome-css.html
         | 
         | For more inspiration and help visit
         | https://www.reddit.com/r/FirefoxCSS/
        
       ___________________________________________________________________
       (page generated 2021-01-02 23:01 UTC)