Over the years, I’ve changed the colours used across my website a number of times, and I’m happy with what I have now, but what I’m going to talk about today are formats for defining colours and some recent behind-the-scenes
changes I made to how I define colours on my website, making theming my website easier.
This post by Sara really helped solidify my understanding of color schemes in the browser, how they affect HTML’s default appearance in browsers, and how we can make use of them in CSS and JavaScript. Lots of useful code examples and imagery to help the detailed explanations!
bookmarkI keep losing this, and I finally found it again, so I'm bookmarking it once-and-for-all so I can't lose it again! So darn useful.
bookmarkMy good friend, Dave, has written this excellent overview of SVG favicons and using prefers-color-scheme to toggle a dark-mode version.
bookmarkOne of my code demos.
code“A rational system for generating thousands of possible color schemes.”
bookmark“Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.”
bookmarkThis is such an amazing tool for visualising colour and contrast that'll help you confidently meet your accessibility requirements. It can even provide closest accessible colours, so it really takes away a huge amount of the manual work and difficulty in choosing accessible contrasting colours.
bookmarkOne of my code demos.
code“For the longest time we didn’t have to pay a lot of attention to the way we talk about color. The modern display technologies capable of showing more vivid shades have, for better or for worse, changed the rules of the game. Once esoteric ideas like a gamut or a color space are becoming increasingly important.”
bookmark