I know you've been asking for a dark mode for the site for years, for those late evening/night forum-spamming sessions, when you really needed to win an argument on the internet before going to sleep.
Wait no more.
A new site theme is here that comes in two flavours: a light one for daylight and a dark one for night mode or very dim environments.
Note: This is only for the desktop version of the site, not for mobile.
- Two-sidebars site layout with a narrower midsection, which should improve readability
- Top-side site menu with a rich choice of buttons, that are no longer hidden in menus
- New banner that actually looks like a banner
- Reshaped user profiles, posts, buttons, dropdown menus, every significant element that is part of the core forum experience has been reworked
- Fixed position action bars and pagination bars, so that you can always have page tools available on the top of the screen, even if you keep scrolling down the page
- New innovative "Navigation" sidebar which allows you to jump from a subforum to the top level forum section with just a click
- The themes keep as much as possible from the good parts of the original site theme, so things will also look very familiar
- New fonts that will make text on the site look crisp and easy to read, even from a distance
- An actual dark mode that is designed to reduce blue light and not mess with your sleep
- Site stats are now easy to see on the right, so you don't have to scroll to the bottom of the page to see who's also online
- Improved login experience
- And many many more features
Home page - Light mode
Home page - Dark mode
Forum main page - Light mode
Forum main page - Dark mode
Subforum topics view - Light mode
Posts - Light mode
Posts - Dark mode
This sidebar only shows up when you're in a subforum, because there's not much to navigate on the top level of the forum.
You can just use the Forum and Home buttons there.
Special-purpose pages - members list, dark mode:
Details, features - filter function on the home page:
Scheme of site navigation elements:
Install these two site themes that will improve your sleep, rev up your energy and make you lose 5 kilos.
How to install and what to install
All we need now is to enable the theme you'd like to use.
After you load the site, you can click on the button where browser extensions are then click on the Stylus button (in Chrome) or directly on the extension button (in Firefox), then you will see a small dialog pop up, it should look like this:
No, nothing will happen to your browser, nobody's hacking you, it's just CSS code, it can't do anything other than just change how a site looks like for you on a given address. And the Stylus extension is recommended by the team at Mozilla, so I suppose they found nothing shady about it. It's used by hundreds of thousands of people.
If you can't manage to get it installed, let me know and I might do a Youtube vid with a tutorial on how to install it step by step, when I get the time.
Congratulations, you've made it this far and you've earned your improved site experience!
- When clicking on a notification, the page will direct you to the post which mentioned you or to your post that was liked, but since these themes have a fixed banner on top, the post will have one part hidden (about 1-2cm) under the banner. There's not much I can do about that, since this is caused by how the site script aligns the post in the viewport in the original site layout. If a significant number of people want a version of these themes with a site layout that is completely scrollable (no fixed banner and sidebars), I might develop a future version which enables that. It's actually easier to have that, but the drawback is that you will not have sidebars and toolbars available at all times when the page is scrolled down, you'll have to scroll up to get to those (just like you do now).
The site layout in these themes looks a bit more like the Discord interface, which also has some fixed menus and sidebars, while only keeping the chat content scrollable.
- The filter function that you can pop up by clicking on the sidebars wheel buttons (to pick whatever types of streams you want to see or whatever types of topics you want to see) might have some quirks. On the Home page, if you scroll down and then click on that filter wheel button, you won't see that element pop up, because it's somewhere scrolled up. It only works right when the page is not scrolled.
On the rest of the site, the sidebar filters work right if you click the wheel button and then click it again to close that element, after you finished making your picks. But if you keep that filter popped up then scroll the page, the element will be moved up. However, the next time you click again, it will spawn in the right place.
The reason why these things happen is because of how they were attached to the page. They were not done in the same way on the home page and the rest of the site. They have different parent elements, so if you make any changes to how elements on the page are displayed (like I did here by reshaping the site layout to improve things) then this is likely to lead to side effects on their child elements.
- This was developed for the desktop version of the site, for two reasons: mobile browsers don't really have add-ons/extensions to be able to load custom themes (and you can force a dark mode on mobile anyway) and the mobile version of the site is already OK, there's no need to optimise it much, since it has fewer elements anyway.
- These themes were developed and tested mainly for 1080p and 1440p resolutions. Above 2K, it's likely they will work well, as the site layout will just expand, increasing space. The current code only has specially made banner versions for 1080p and 1440p. Meaning on those resolutions there are separate, custom-made banners that provide an optimal experience. Below or above these resolutions, it's possible the banner will either look slightly partial or it might get zoomed in to cover the area better on higher resolutions. A future version might include more variations to cover more cases.
Below 1080p, some things might get crowded here and there and the forum navigation panel on the right bottom side might move on top of the ESOC utility bar above it. So, if there's a significant number of people with screens below 1080p and they experience significant issues and glitches, you can report them in this thread and I might fix them in a future version.
- Also, these themes were developed and tested on Chrome and Firefox, the latest versions, and rely on some modern browser features. So, if you happen to use a very old browser, it's possible some things might not work well. Though, I assumed that since we're on a gaming forum and gamers are likely to use more updated software, I don't think there are many people here running browsers from more than 5 years ago. Browsers like Edge or Brave are also likely to work fine, since they're based on Chromium (Chrome's open source version).
- I have no idea how the themes look like on Linux and macOS. Normally, they should look mostly the same as on Windows, if you're using Chrome or Firefox. If there's a significant number of people using Safari and some things need to be adjusted/fixed, let me know and I'll run some tests on a macOS machine.
- Despite my best efforts to make sure most of the site elements are covered, it's possible there might still be some loose ends in some corners that I've neglected (for example some tables in the user profile sections have a weird structure, so their headers might be misaligned). Just report them and I'll try to fix them when I get the time.
- If you have a very low-end computer or very slow internet, it's possible when you load the site with a theme enabled you will see the old site theme flashing before your eyes for a few tens of milliseconds. This happens because this code runs after everything from the site is loaded first, so on slow machines/internet, the page loading event might take a while, before it loads this custom code. Normally, after the code is loaded in memory, the browser will load it from there, so subsequent page loads should perform better.
If you like these themes and find that they improve your forum experience, you can support their development by making a donation to my PayPal: [email protected]
It might offset my electricity bill for those months during which I developed the themes. Cheers.