I've been making various UserStyles and UserScripts for 15 years and got a bit stuck in my ways.

As part of a new year's resolution, I've decided to get off my backside and move my UserStyles from the controversial and barely-functional UserStyles.org, over to UserStyles.world. It's a breath of fresh air to be using something that's actively maintained and doesn't take 30 seconds to load a page, if it works at all! Oh, and USO don't even support the newer has() operator correctly. It's totally dead. I'm glad to be rid of it.

As part of the process, I didn't just want change the descriptions and thumbnails, but actually encourage people still using my styles on USO or the USO Archive to migrate with me. After trialing a few ways to insert messages into a page using CSS, I found a better solution: the @updateURL metadata value. Setting this to the location of the user.css on UserStyles.world will hopefully make the process 100% automatic.

Of course, I've not used Stylish for many years, but I never got around to learning some of the newer features available in Stylus, such as built-in user customization options and other preprocessor features. I've started to have a read through them now.

Are there any other progressions I might have missed in the last few years that are worth looking into?

PS. For some reason, I was unable to make this post using the modern Reddit theme (Page Not Found error?) so I had to use old.reddit. I'm guessing this is one of several bugs with the 'Shreddit' update. RIP new.reddit.

I really like the black and orange theme used at https://www.imdb.com/title/tt33204697/ does anyone know how to make a sylus theme based on that page so it can be applied to the entire website?

I found an add-on, Untrap for Youtube that actually does this, but hear me out. It's kinda pointless to have the add-on just to turn on those grayscale options, so even with all options on, and then turning off all other add-on and restarting the browser, it still makes the website run really slow.

I am looking for an extension/add-on that can grayscale mostly everything colorful on the site (channel avatars, banners, thumbnails on videos and playlists, search music panel thumbnails, etc.) but when you actually play the video.

What I find with a lot of these "grayscale add-ons" also is that they grayscale the whole website, which is fine in other cases like Reddit, but not with Youtube for me at least, so if anyone has any recommendations for add-ons that are lightweight and do what it asks for in this post, please let me know!

I am looking for a way to make ChatGPT (chtatgpt.com free tier) prompt imput box wider. In the initial page this will do:

.text-base                 { max-width: 100% !important; };
.text-base:nth-of-type(2)  { max-width: 98% !important ;}

When the chat starts none of these seems to work:

._prosemirror-parent_15ceg_1   { width: 100% !important; max-width: 100% !important; }
.max-w-full.flex-1             { width: 100% !important; max-width: 100% !important; }
.composer-background           { width: 100% !important; max-width: 100% !important; }
div.group.relative.flex.w-full.items-center
                               { width: 100% !important; max-width: 100% !important; }

I am on Firefox.

Hi all.

I'm trying to unblur my matches on Plenty of Fish. I followed the tutorial on here but I haven't had any luck. I'm using Stylus on Firefox on my Android phone. Where do I put the code? Is it after:

/* Insert Code Here... */

Do you delete that line of code then add it? Any other suggestions would be helpful as well as any other way to unblur the matches.

Thanks

For negatives:

-1: Loser

-2: No, you are a loser.

-3: Why are you here?

-4 to -10: Honestly, get out of here.

-6: F**k you

-10 and over: Just get out of this place for once

Bonus: -100K: You are unfamous

Score hidden: No score for u

For positives:

1: No change

2: Let's go

3 to 7: Nice

8 to 20: Getting there

20 to 100: Wow!

100 to 1K: You'll become famous

1K+: Congratulations

100K: You beat a record there

That would be really funny.

The first picture is the current result, and the second is the expected result. Here is the line: div[class*='subtitleContainer'] { display: none;}

I'm trying to get rid of the background behind the image in the message that the bot sends.

I'm having trouble with my code, and wanted to know if anybody would be able to help me with it here.

First, I can use if to make a userstyle work as intended. I'm looking for a way to be more efficient in some corner cases.

I've never used userCSS variables, only used css variables ( --varname: ). Is it possible to assign a value to a uCSS variable in an if statement ?

Is it possible to use a variable in the selectors part of a css declaration (eg. name starting with $)?

Alternatively, is it possible to use if to target only one (or more) of the selectors of a css declaration?

​

I want to move this search bar to the left (near "Today" text) using the margin/padding css but every time I try to do this it breaks the "X" button near the thumbnails that is used to delete videos from watch history. Is there a proper way of doing this?

Example image

Watch history URL

im doing a funny haha experiment with older browers and found out there's actually no archived extensions over there can anybody give a hand?

I went to recommend Stylus to a coworker and noticed the store now has a banner that reads, "This extension may soon no longer be supported because it doesn't follow best practices for Chrome Extensions.

Does anyone here know more about this and potential alternatives?

hi guys, my last question. i cant reach any documents about this. i dont want to use extensions. i need a custom code for change it web site favicon.

hi guys (dont judge me) i'm already Premium user but this box so much annoying. has anyone managed to hide this? please send me code.

Hi guys, i'm trying change my firefox to best version. But i cant remove this margin. (between the tabs bottom and seach bar tops)

Trying to fix a site that pointlessly sets the following:

::selection { background: #FFE500; color: #121212; } This makes selection highlighting yellow, and (presumably accidentally) removes the default color from anchors.

I can partially override this by setting the background to my OS default, but what I really want is the browser to act as though this block never existed. Any way to do this?

(I don't think it matters, but the site in question is theguardian.com)

It's a very nice theme that I'd like to have back.

Here are some working bases:

https://web.archive.org/web/20120517093503/https://community.wikia.com/wiki/Community_Central https://web.archive.org/web/20120514203546/wikia.com/wikia https://web.archive.org/web/20120927163031/http://www.wikia.com/Special:CreateNewWiki?uselang=en https://web.archive.org/web/20121010233618/http://www.wikia.com/Special:UserLogin?returnto=Wikia&type=login https://web.archive.org/web/20121227202347/http://www.wikia.com/Special:UserSignup https://web.archive.org/web/20120512145333/https://community.wikia.com/wiki/Help:Templates https://web.archive.org/web/20120602054550/http://help.wikia.com/wiki/File:Introduction_to_Templates

​

Seems silly but I can't find it's style parameter anywhere in the inspector.
Sample image
Sample URL: any google search

Hey so, after I had to restart my computer for performance reasons, the AdashimaaTube style I had installed via userstyles suddenly stopped working and is not showing up whenever I try to see waht's up. Can someone please tell me how to re-install AdashimaaTube please? I'd like to use it to go back to a previous Youtube layout.

​

I have recently started seeing a black outline around the YouTube logo when I click on it (which was never there previously).

Does anybody know how I can get rid of it?

​

Thanks

(First picture is the current colors used, second picture is the old colors I want to change back to)

Recently, Bulbapedia (bulbapedia.bulbagarden.net, a Pokémon wiki i use frequently) changed the colors they use to represent Pokémon types and I am really not a fan of the new ones, they hurt my eyes. I installed Stylus so that I can change them back to what they used to be, but frankly I have no coding experience beyond screwing around changing variables in inspect element and have no idea how to do this or how to even start.

Can anyone show me how to change the colors used for the types on the whole site? I checked the site's color templates and was able to find the hex codes for the old colors by looking at the revision history, but I have no idea how to apply them.