Patterns Day Patterns | Trys Mudford
Trys threads the themes of Patterns Day together:
Jeremy did a top job of combining big picture and nitty-gritty talks into the packed schedule.
Link tags: theme
12
Explore the In Our Time archive | Braggoscope
Matt made this lovely website for spelunking and hyperlinking through the thousand episodes of Radio 4’s excellent In Our Time programme.
He’s also written a little bit about how he made it using some AI (artificial insemination) for the categorisation code.
Auto Dark Theme - Chrome Developers
At first glance, this looks like a terrible idea. But the key is in the implementation. In this case, the implementation is truly awful.
The section on detecting “auto dark theme” is, as far as I can tell, not intended as a joke.
Mind you, this could all be a galaxy-brain idea to encourage more developers to provide their own dark mode styles. (In much the same way that AMP was supposed to encourage better performance.)
Design for Safari 15 - WWDC 2021 - Videos - Apple Developer
There’s a nice shout-out from Jen for Resilient Web Design right at the 19:20 mark.
It would be nice if the add-to-homescreen option weren’t buried so deep though.
Add support for defining a theme color for both light & dark modes (prefers color scheme)
There’s a good discussion here (kicked off by Jen) about providing different theme-color values in a web app manifest to match prefers-color-scheme in media queries.
Making single color SVG icons work in dark mode
Another good reason to use the currentColor value in SVGs.
Redesigning your product and website for dark mode — Stuff & Nonsense
Some advice from Andy on creating a dark theme for your website. It’s not just about the colours—there are typography implications too.
Dark theme in a day – Marcin Wichary – Medium
On Ev’s blog, Marcin goes into great detail on theming an interface using CSS custom properties, SVG, HSL, and a smattering of CSS filters.
I was kind of amazed that all of this could happen via CSS and CSS alone: the colours, the transitions, the vectors, and even the images.
Pragmatic, Practical, and Progressive Theming with Custom Properties by Harry Roberts
Harry demonstrates a really good use for CSS custom properties—allowing users to theme an interface.
Clearleft Launches New Shopify Theme – Shopify Ecommerce Blog
Josh and Michelle have been hard at work making this responsive theme for Shopify. It’s quite lovely.
LegiStyles™
Typographically thoughtful themes for NetNewsWIre. Even if you don't use the RSS reader, check out the gorgeous design of this site.