Quantcast
Channel: The Portable Freeware Collection Forums
Viewing all articles
Browse latest Browse all 705

Suggestions/Discussions • Re: Dark mode

$
0
0
I've came up with a minimal code fit for this specific site to turn it to Dark mode - only for those that chose Dark Mode in their OS.
How about just adding this to the database's <head>? There may be a missed element here or there but I think it covers pretty much everything.

Code:

<style>@media (prefers-color-scheme: dark) {  :not(a), input::placeholder {color: white !important; background-color: black !important;}  .logo>*:first-child {background-color: dimgray !important;}  a {color: deepskyblue !important;}}</style>
?
In fact, you can enhance it and make it fit for the forum too instead of forcing users to both register and look for a dark mode theme setting:

Code:

<style>@media (prefers-color-scheme: dark) {  :not(a), input::placeholder {color: white !important; background-color: black !important;}  .logo>*:first-child {background-color: dimgray !important;}  a:not(.username-coloured) {color: deepskyblue !important;}  input[type="submit"], input[type="reset"] {background-image: initial !important;}}</style>
P.S.
phpBB also has a dark mode extension.
homepage dark mode.png

editing dark mode.png

forum dark mode.png

forum search dark mode.png

Statistics: Posted by lwc — Wed May 22, 2024 9:16 am



Viewing all articles
Browse latest Browse all 705

Trending Articles