Last updated: 26/11/23 (DD/MM/YY), ~9:10 PM CET.
THE LENGTHY INTRO ⫻
Predicament: I value my eyes. By extension, I value all dark modes everywhere because they're easier on said eyes. SpaceHey does not have a dark mode. I made one because, again, eyes. There's really not much to it besides that.
What you're seeing right now is a preview of sorts for the theme - more specifically, its base design along with the extra compartmentalized bits used for comments and the like. In stark contrast to SpaceHey's clean, generally ultra-bright styling, I wanted At Night to live up to its name (to some extent, anyway) by going down the route of using softer, duller shades of purplish blue on almost every side, combining it with sharper / lighter shades of blue for extra contrast here 'n there and a sort of rich lavender(?) for links + other various objects of note. Point being, though, you'll be seeing a lot of blue.
There are a few (mostly important) things worth noting, though.
- This theme is no longer in beta! There are, of course, still a few holes here and there that demand patching, along with some stylistic choices that could do with some revising - but for all intents and purposes, At Night is mostly complete. More than I could've asked for when I started laying its foundation out two-ish weeks ago.
- That said, a lack of styling may be intentional. Profiles, blog entries, and group pages are all untouched for an ideally obvious reason; they may contain styling of their own, and because At Night comes in dead last as far as load order's concerned, it would inevitably clash and create a mess.
- It's created based on my preference. (Alternatively: I am a selfish bastard.) I love purple, blue, and purplish blue to death. They will always be non-negotiable. Everything else is (mostly) open to discussion and subject to change.
I think that just about covers most of what I wanted to say. Onward!
THE ACTUAL THEMING PART ⫻
To make this work on your end, you'll need two things.
- A browser that supports most present-day CSS3 pseudo-selectors and pseudo-classes. Judging by the few W3 specs I read, this essentially means "newer than ~2017" which I'd hope shouldn't be a problem for anyone, yeah?
- Stylus, the local CSS "injector" that made this thing possible in the first place. Installation depends on your browser: you can get it for Chrome, Firefox, and Opera. If you're an annoying hipster like me and you're using a Chromium fork that disables the Store, load the unpacked version from here.
All that leaves us with is actually styling the site, so bear with me for a minute. (Or don't if you've already gone through this before, I won't judge.)
You can now integrate a slightly stripped-down version of the theme into your bulletins. Similarly, you can also integrate a less stripped-down version into your profile, if that tickles your fancy. Upon creating your bulletin, enter HTML mode (the <> icon) and throw all of that into a <style> tag, as you normally would. Same goes for the profile (save for the HTML mode bit, obviously).
+ Thanks to Cross for the suggestion.
Congrats! If everything has gone according to plan and nothing crashed and burned in the meantime, you should now have a (mostly) styled, easier-on-the-eyes SpaceHey. Now all that's left is to bask in its, uh... I mean, we'll call it glory, it's just that I have some reservations about that.
It probably goes without saying, but if you have any inquiries or questions (or compliments, wink wink nudge nudge), holler at me.