Finally got around to adding a dark color scheme to my site via the "prefers-color-scheme" CSS media feature; for browsers that have dark mode enabled.
I based the colors off of Ayu, which is the VS Code theme that I use (and love!).
@oedmarap may u share the CSS with me? Just that portion would be enough, and comparing it with how it usually is if possible. I want to add this to my site
@joeligj12 No problem at all. I simply declared some CSS variables based on Ayu's dark mode colors, and then mapped them to corresponding styles that affect basic elements such as background, text, links, headers, etc.
I made a private Gist that should give you an idea, and that you can use as a starting point for further customization: https://gist.github.com/oedmarap/b98bdb45f8efcae1702a0661c2006241
Fosstodon is an English speaking Mastodon instance that is open to anyone who is interested in technology; particularly free & open source software.