Ok, I think this can go live...
I have added a Dark Theme for the K-meleon
Forum. I do emphasis there:
Forum. As the forum is the only thing I have a little control over. But, still, the control is weak and so it has its drawback that I'll explain later.
I did this, not to follow the trends on setting a darker theme on sites to save battery on mobile devices or whatever, but... well, because I'm selfish
One of the first things I do most of the days is to have a look here from my mobile device to see if some disrespectful (but which one is respectful?) spammer (or any kind of mad user) has made the forum unpleasant. And doing that on an old mobile phone that can only run Opera Mini, and that means that the user hasn't control over the pages colors opposed as on desktop browser styles (which I already have for this site on K-meleon browser), is like setting a direct light beam to yours eyes early in the morning
(has anyone been awaken with a flashlight), so no funny and is worst while getting old, so I decided to go aboard this boat and trying to add a darker theme option to the forum.
I say go aboard because is not an easy endeavour when you don't have access to the server.
What have I done?
First of all, I didn't like the idea on rely on browsers. Despite modern browsers support the media query "@media (prefers-color-scheme: dark)", and I use on roytam's Newmoon, some sites... some sites don't look well on dark (sometimes even too dark) and I miss the option to switch back without switching the whole setting in the browser.
So, first task: let the user decide, let the user have an option. And as so, you should see a little icon at the top right of your screen with a Sun and a Moon (kind of resembling and eclipse, I would say) to give an idea of what can they do to switch between dark and light.
The feature is JavaScript/client-side based and uses a cookie. As so it has its drawback. The user must browse the forum with JavaScript enabled to enjoy it and also allow cookies.
Stats has shown that most of the visitors do have JavaScript enabled and allow cookies, but still is an user side feature and so becomes unpredictable.
Why I have set up this way? Did you read above that I have weak control of the site? I can manage the forum but I don't have control over server files and how they are served so I can't set HTTP cookies and control all server-side.
If you are curious, or want to edit your cookies, as deleting it, the cookie name is themeSettings and has a lifespan of half a year.
The lifespan is refreshed on each page load, but if you are away for more then six months, it will vanish. I think is fair enough.
If you are already playing with the switch button you'll find that the site looks dark greenish. The idea behind it to keep coherence and look as our little green lizard and the left side panel of the forum. But darker
At first, it will feel shocking (really, I bet it and assure you). As any change isn't easy to accept, please, before post any feedback here, just keep the theme for some time before you start to rant, but if you kind of like it and find some unmatching colors hard to read, don't hesitate to post your new colors.
The colors have been chosen the more carefully possible to allow good reading. In other words, I tried to keep accessibility for those with bad eyesight and so it complies, mostly, with Web Content Accessibility Guidelines (WCAG 2.0).
If you decide to give feedback on changing colors, please, think about this first. There are online tools that will help you to suggest a respectful color shift for those with disabilities.
Aside the colors, I also edited the logo to make a dark one and took the chance to make a secondary light logo for the responsive CSS layout.
The original logo, as GIF format, understandable because back then there wasn't good support for PNG, had the drawback that it couldn't be made with transparent background without artefacts (GIF wasn't good with round borders transparencies; even PNG isn't perfect), now, since I made the responsive design, it looked worst.
Take this screenshot as example. As you can see (original on the left), the full white background over a full green doesn't match well.
(If you think that is glowing in the middle, between the letters..., no, they are just your eyes/brain tricking you. The colors are the same.)
Again, as I don't have the original source, it is just an edit from the original and, obviously, doesn't look perfect.
To see the darker logo... well, just switch the theme and have a look to it!!!!
Similarly, back on the Dark theme, happens to the post editor tools buttons (to set bold font, insert images, etc). They were made with a GIF format back then and on the dark theme don't look good, but I won't edit these ones. I have a limit on what I can do on the forum administration and I don't want to reach it for these little annoyances, but if you don't like it, I can revert easily to the almost white background for those buttons.
And I think I didn't miss anything else to say so... enjoy... if you like it... If you don't, you'll always have the light design.
Please provide screenshots if you report glitches
Edited 1 time(s). Last edit at 10/04/2022 03:22PM by JohnHell.