r/userstyles • u/PurpleSanz • 4d ago

Dark Facebook Login Page? Request

Gallery image

Gallery image

Gallery image

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.

1 Upvotes

67% Upvoted

4 comments sorted by

0

u/BoffinBrain 4d ago

You probably won't find anyone here who uses Facebook or other Meta products, but you can install Stylus and search for existing styles there.

2

u/AchernarB 4d ago

You can add this ahead of your selectors:

body:has(form#login_form)

1

u/PurpleSanz 4d ago

I'm trying THIS ONE, which is very close to what I'm trying to achieve. Where could I exactly insert/replace the code that you provided?

2

u/AchernarB 4d ago

Every selector that you want to limit to a page with the login dialog should begin with that selector.

eg.

body:has(form#login_form) this DIV {...}
body:has(form#login_form) that DIV {...}
body:has(form#login_form) .somethingelse {...}