Recent
:
Here is my first entry, transparency, for #weirdweboctober. I’m not sure how many I’ll finish this month but I’m aiming for three or four :)
The search for link colors that are equally readable both black and white website backgrounds
One trick I’ve been using a bunch is a one rule CSS dark theme for simple projects.
html {
color-scheme:light dark;
background-color:canvas;
color:canvastext;
}
This uses the built in browser system colors. When a user has a preference for a dark theme set at the browser level, then canvas is very close to black, otherwise it is white. canvastext is similar. You can see what they look like on your browser here: https://developer.mozilla.org/en-US/docs/Web/CSS/system-color.
Why?
Bytes matter… and once in a while, more then design considerations. This adds very little overhead …
Featured Adventures