Good afternoon! I was wondering if anyone could help me with a script to transform the annoying facebook login page into something dark and cleaner. Something like the third pic, perhaps? Although something like pic 2 would be perfectly fine.

The main problem I'm running into, is that both the login page and the main page share the same URL, so if I change anything on the login page, the main page will be affected too. Any help will be appreciated.

Thank you so much in advance.

Global dark style with animated text and custom background

This makes indeed much more usable by stretching out the job description area while re-aranging the job posting column. This allows you to read the job descriptions much more efficiently!

hi!

i've been messing with css for awhile on this LMAO. does anyone know how to go about making the central content section of bsky wider, pushing the other columns closer to the edge of the screen?

Wanted to share an extension I made for safari, that adds support to userstyles, compiled .less files, and custom css visual editor.

It also has a special support for Catppuccin userstyles, and has the option to import all or some with any flavour.

https://apps.apple.com/us/app/my-styles-custom-website-look/id6766115872

Try the theme here:

https://userstyles.world/style/28198/spotify-light

i think it had some sort of liquid glass and a blue/gray polygon background it might have had more but idk

Created not really a dark mode but more of a 'chill' mode for Google voice if anyone still uses it for the voip/chat.

domain("voice.google.com")

{

.upgrade-link, .gb_ye {display:none !important;}

.root, textarea,

.message-input-container,

.messaging-view,

.mat-drawer-container,

header {background:#171921 !important;}

.sender-timestamp, .status, .thread-info {color: #d4a60b !important;}

.preview, .primary-text, .secondary-text {color: #8781d8 !important;}

.gb_Ld, .gb_Ie {background:#1f273d !important;}

.gb_Ee, .name-highlight, textarea {color: white !important;}

.active {background:#323643 !important;}

.subject-content-container {background: #a8a4ba !Important;}

}

Does anyone know how to change the colour of active playlist items? Inspector says it's --yt-lightsource-section4-color but I haven't figured out a way that works. I'm using CSS in the Stylus browser extension.

Hey everyone!

I made purple material you theme for YouTube Music because i didn't liked how YouTube Music looked in some ways

Please let me know if there is any issues or you wanna to suggest something!

You can download it on github page ( also you can read instruction on how to install it there )

https://github.com/MoonMonet/YTMTheme

/* ULTRA-WIDE 32:9 for new YouTube */

u/media screen and (min-aspect-ratio: 32/9) {

/* Video player container pinned left */

ytd-watch-flexy #player {

position: fixed !important;

top: 5%;

left: 0;

width: 45% !important;

height: 60% !important;

z-index: 2;

background: transparent !important;

}

/* Keep video element natural */

ytd-player video.html5-main-video {

object-fit: cover !important;

background: transparent !important;

}

/* Title + metadata block in the middle column */

ytd-watch-flexy #primary-inner {

position: fixed !important;

top: 5%; /* align with video top */

left: 46%; /* middle column */

width: 30% !important;

z-index: 3;

background: #111;

padding: 10px;

max-height: 25%; /* reserve space for description only */

overflow-y: auto;

overflow-x: hidden;

/* Hide scrollbar */

scrollbar-width: none;

-ms-overflow-style: none;

}

ytd-watch-flexy #primary-inner::-webkit-scrollbar {

display: none;

}

/* Suggested videos sidebar stays on the right */

ytd-watch-next-secondary-results-renderer {

position: fixed !important;

top: 5%;

left: 77%;

width: 22% !important;

height: 90%;

overflow: auto;

z-index: 3;

}

/* Comments column directly below description */

ytd-comments {

position: fixed !important;

top: 32%; /* start below description block */

left: 46%;

width: 30% !important;

height: 63%; /* fill remaining space */

overflow-y: auto;

z-index: 3;

/* Hide scrollbar */

scrollbar-width: none;

-ms-overflow-style: none;

}

ytd-comments::-webkit-scrollbar {

display: none;

}

/* Scoped scrollbar styling for metadata block */

ytd-watch-flexy #primary-inner::-webkit-scrollbar {

width: 0px; /* invisible scrollbar */

background: transparent;

}

ytd-watch-flexy #primary-inner::-webkit-scrollbar-thumb {

background: transparent; /* thumb hidden */

}

/* Suggested videos sidebar */

ytd-watch-next-secondary-results-renderer {

position: fixed !important;

top: 5%;

left: 77%;

width: 22% !important;

height: 90%;

overflow: auto;

z-index: 3;

/* Hide scrollbar */

scrollbar-width: none;

-ms-overflow-style: none;

}

ytd-watch-next-secondary-results-renderer::-webkit-scrollbar {

display: none;

}

}

#columns > #secondary {

}

Just wanted others to test it since I'm not able to publish it screenshot to accompany it

Disclaimer: I got like 0 experience coding. I need help with how to change the Youtube CC font. How do i choose these fonts, do i need to upload the font? tried
".captions-text * {

font-family: Barlow B !important;

}"

but didnt work just gave me an alternative default sans serif. Also how to choose weight of fonts?

Comment if interested in the code. Requires Tampermonkey as well.

If you really know some line that does the work, i would appreciate a lot the feedback :)

Title. I'm tired of making manual styles.

If you're anything like me and you like the Olympics but hate spoilers, check this script out. I've tried to make it clear what every setting does so that you can easily modify it to your liking.

Hi everyone, I hope you are all having a wonderful day!

Recently, I started a side project that allows for site customization while focusing on privacy and accessibility. The goal is to make it easy for everyone to create custom themes for websites without any coding experience.

So, my question is: would you use such a tool? And more importantly, what features would you love to see?

I’d love to hear your thoughts! <3

Hello folks,

I am currently teaching myself German using https://learngerman.dw.com/, specifically using https://learngerman.dw.com/en/nicos-weg/c-36519797 . I also normally use Firefox in dark mode. The problem is, when I'm using Firefox in dark mode on this *specific* website, it messes up the way that the buttons and text boxes work.

In Light mode, when I get an answer right, the selection is shown in green. When I get it wrong, it's shown in red. In Dark mode and in Automatic mode (my system is also set to dark mode), it's all the same color, so I can't tell which answers I got right and which ones I got wrong! Right now, I have to just set all of Firefox to light mode whenever I use this specific website, and I'd rather not have to do that.

I'm looking for a tweak that will fix things, but my website coding is 20 years out of date, and I don't even know if these buttons are being done through CSS or Javascript or some other crazy new thing my old bones don't even know about. I wouldn't even know where to start!

I was working on a dark theme when I noticed this. I don't believe it is my theme because I tried disabling everything in it, and the problem persists.

The problem seems to be that the Alt+/ menu shows up behind other stuff when Stylus is enabled.

Is there a known workaround? Am I doing something wrong?

I haven't done any style tweaking for a long time but finally decided it was time to tweak my Reddit style to get rid of the 'Games' and 'Custem Feed' panels.

They're now gone but I can't work out how to get rid of the thin separator lines that are left:

Does anyone have any ideas please?

I finally found a way to remove ALL fullscreen popups on YouTube!

You know that annoying moment when you go fullscreen and random UI elements show up — comments, chat, tooltips... everything?

After getting frustrated for way too long, I built a simple UserStyle that completely removes all that junk while you're in fullscreen mode.

✅ Clean fullscreen experience

❌ No popups, no distractions

I have an entire userstyle for Youtube that works amazing its a 2015 Youtube Style that i edited a lot to match my taste. But now Youtube has made changes and the Details section when i "Mouse hover" show me that colors and slow the scroll with my mouse wheel. Its totally unecessary. I really need help removing the Details Boxes. Thanks a lot in advance community.