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:

Sign in to participate in the conversation

Fosstodon is an English speaking Mastodon instance that is open to anyone who is interested in technology; particularly free & open source software.