Facepunch Awfully Dark II for the Facepunch Forums

[Inacio あそばせ]

Facepunch Awfully Dark is back!
Tired of being BLINDED by evil non-photophobics?
Tired of not having a beautiful, consistent, quickly-updated dark forum theme?

Awfully Dark is here for you. just LOOK at how hecking GOOD this freaking thing looks.

(this screenshot also uses the Double Columns optional style)

https://files.facepunch.com/forum/upload/326417/4365793d-3dd6-4bde-b8b5-aba389e2ec36/image.png

https://files.facepunch.com/forum/upload/326417/f597f0fd-0178-49c9-920d-f8301c169e7e/image.png

https://files.facepunch.com/forum/upload/326417/d6ef13a9-8d21-4c51-acee-d02748f8c84e/image.png

https://files.facepunch.com/forum/upload/326417/8b038e35-2ffd-46fa-a29d-e5bbe63b1c48/image.png

I also have superior aesthetic notions and therefore prefer dark themes on websites and computer applications in general!, you say. Where can I download this GORGEOUS and TASTEFUL theme for the Facepunch Forums, you say.

Well, friend, right here:

http://app.stylepunch.club

FAQ (work in progress):
garry broke user css what do i do aaaa
use Osprey, Stylus or another extension (do NOT use Stylish)

[diwako]

As always, if you see something not working correctly with the theme or optional CSS or see *shudders* something bright make sure to report it here, Inacio and me will try to correct that asap.

[Noob©]

Thanks, ya two. Keep Facepunch black dark!

[That Sprite]

You're god damned heroes

[Dekania]

https://files.facepunch.com/forum/upload/135594/60b83a06-d042-4ee8-b74e-80a8bc9bc86b/image.png

it looks like this on my end when using stylus

https://files.facepunch.com/forum/upload/135594/29758c04-0086-4ad7-b648-16b7ff7375ec/image.png

[diwako]

With what site rule set are you using stylus? I personally use Osprey, so I kinda need a bit direction what you did.

[HaiiroKoe]

When I click the Get custom CSS button, this URL shows up

https://files.facepunch.com/forum/upload/2025/6fab5c85-3505-4224-a126-74c9a3d79d95/css.PNG

Is there an updated URL? I am currently using
@import url('https://inaciogonzalesn.bitbucket.io/styles.css');
but that only applies the dark theme and not the double columns.

[Inacio あそばせ]

what styles did you choose? i've never had this so it'd be really good to know how to reproduce

[SyndicatePanda]

I'm also experiencing issues like this. I had the custom css on my profile until it broke, then I added it as a custom theme using stylus but now that seems to be not working as well :/

[Dekania]

where would i check?

[diwako]

Checking a bit into stylus, looks like it is a fork from early stylish, well that makes it easier as osprey is the same.

You just open up the page in which you enter the CSS for the site, check that the ruleset is similar to this

https://files.facepunch.com/forum/upload/134/2d5e6c11-b377-4419-9031-1beaef519af5/image.png

I also just tried out stylus with these exact settings and it seems to work just fine.

[Inacio あそばせ]

could you guys try this:

@import url('https://stylepunch.club/cached/awfullydarkdoublecolumndarkspoilersanimratings.css');.postuser:hover .user-card{
    display: none;
}
.postuser:active .user-card{
    display: block;
}
.postrender .postinner>.postuser.has-background-image:hover .background-image:after{    
      opacity: 1;
}
.postblock .postfoot .right .votebuttons .votebutton img {
    opacity: 1;
    width: 22px;
    height: 22px;
}

i downloaded stylus and that code works for me

https://files.facepunch.com/forum/upload/326417/3d27453a-f467-42b0-96c8-b7b91b322f2e/image.png

[SyndicatePanda]

Not sure why it wasn't working previously but this fixed it for me.

Thanks for your time Inacio, my eyes thank you.

[Dekania]

same here, many thanks!

[-Rusty-]

How do I make it work only for Facepunch? I'm having issues where I can see black backgrounds on other sites like Youtube.

[diwako]

Make sure you set the filter correctly, here an example by Incacio

https://files.facepunch.com/forum/upload/326417/3d27453a-f467-42b0-96c8-b7b91b322f2e/image.png

[-Rusty-]

Awesome, thanks man

[Xyrec]

Is there a userscript version of this?

[Wickerman123]

I'm a dummy, does this only work with that Stylus plugin now that user CSS is broke?

[diwako]

Okay, here is a step by step tutorial.

1. Install stylus (duh)
2. click the stylus button

https://files.facepunch.com/forum/upload/134/0dc0eed3-d6a1-4528-9787-e918550be48a/image.png

3. Click on this one here, so you make a new style for forums.facepunch.com and everything on that sub domain

https://files.facepunch.com/forum/upload/134/7fae47f5-282d-4a7f-be3e-b5c4b3f5eceb/image.png

4. A new tab opens with the new style
5. Copy paste the CSS code in the large text area
For example this import or one used from here Stylepunch for Facepunch
@import url('https://inaciogonzalesn.bitbucket.io/styles.css');
6. If you want you can rename the style to what ever.
7. Save the userstyle
8. Done

[DokVis]

Anyway to get rid of the flash of surfaceofthesunpunch everytime I open a new page?

[PsychoFox67]

artist Recreation of @Inacio healing blind facepunch users

https://files.facepunch.com/forum/upload/113321/eb17f373-5081-4717-a83a-3e1ff55c5b23/image.png

[joem1k]

Psst, hey. Custom Css is up and running again, no more stylus! (keep it on hand though, just incase....)

[dustyjo]

Thank fucking god.

[CMX]

https://www.youtube.com/watch?v=1yqgoEAzDns

[salty peanut]

it's too late. my retinas have already grown calluses

[R E D L I N E]

I like how custom CSS (and the proper way to use this theme) got fixed on the same day MS added a dark theme to Windows file explorer

[DokVis]

Garry runs MS now
Explains why the update deleted my pictures folder.

[meefy]

You will have to pry stylus from my cold dead hands. I wrote a custom night mode for most places I browse.

https://files.facepunch.com/forum/upload/112314/29b01f4c-6bdf-429a-8ba2-a9797797dd4a/crap.png

[Inacio あそばせ]

https://files.facepunch.com/forum/upload/326417/630e6a23-de9d-45a2-9d50-f30adda06272/image.png

i know what you mean