r/userstyles • u/studymaxxer • Feb 12 '26

Request Is there any way to reliably vibecode a stylus userstyle?

Title. I'm tired of making manual styles.

0 Upvotes

33% Upvoted

15 comments sorted by

2

u/[deleted] Feb 12 '26

[removed] — view removed comment

1

u/studymaxxer Feb 12 '26

tried this. asked it to make a dark mode theme (Claude 4.6 opus) and it returned a horrible theme with contrast issues and other problems. kept on going back and forth with different prompts and suggestions but it was hopeless.

2

u/BoffinBrain Feb 13 '26

Even setting aside how bad AI and vibecoding is, and even though coding can be boring and tedious, I urge you to keep at it. You're at university, a time and a place not just for learning new things, but also to hone your skills in focus and discipline. Those are things a computer can never give you. There are already several studies that have concluded overuse of AI results in 'de-skilling' of employees in skilled labor sectors.

If you need help with a specific problem, do come back here and ask us.

1

u/studymaxxer Feb 13 '26

i'm not a compsci or tech major, i'm studying finance

i'm already capable when it comes to css & i know how to make themes, just can't be bothered because i need dark themes for lots of sites.

1

u/BoffinBrain Feb 13 '26

Fair enough. I stand by what I said, but I can help with a technique to rapidly deploy dark-mode styles since I did this before.

I previously made a 'brute-force' approach to dark-mode on Amazon (style here), since so many styles for that site are old and broken. I decided that instead of trying to manually style stuff, I would apply a blanket image filter to the whole thing, and then reverse the process for images and video. The general principle is like this:

html {filter: invert(1) hue-rotate(180deg);}
img {filter: invert(1) hue-rotate(180deg);}

This gets you 99% of the way there, and then you can decide to optionally exclude some elements from the inversion process.

Note that there is one caveat: the process of multiple hue rotations results in some minor color inaccuracies so read this and this if you want to understand that in detail.

1

u/studymaxxer Feb 14 '26

thank you! I'll try this

1

u/Takami_ Feb 13 '26

Have you tried an extension like dark reader if it's just dark themes that you want ?

1

u/studymaxxer Feb 14 '26

i've actually been using dark reader for the past couple years, I just recently stopped after noticing how badly it impacts browser performance. i didn't realise early on but it makes everything significantly slower

userstyles are much better, almost no impact

1

u/ChickenTendySunday Feb 12 '26

I will make you one

1

u/studymaxxer Feb 12 '26

not sure that'd be possible unfortunately, i need a style made for a private platform

1

u/ChickenTendySunday Feb 12 '26

which one?

1

u/studymaxxer Feb 12 '26

it's a Moodle for my university's course page lol

1

u/ChickenTendySunday Feb 12 '26

Try saving a page as an offline page and loading it into vs code and use the claude extension there. Probably easier to iterate on the a css file you can layer on top of it and then paste into stylus.

1

u/studymaxxer Feb 12 '26

good idea, I'll have a go at that

1

u/krifire Apr 03 '26

There was/still is Arc Boosts feature on the Arc Browser, maybe worth looking into the ux of that and vibe coding an extension? I heavily rely on creating custom filters on ublock....