background: linear-gradient(70deg, var(--color), oklch(from var(--color) l calc(c * 1.5) calc(h - 30)));

this creates the nice hueshifted gradient top bars from just one color

color: oklab(from var(--color) calc(round((1 - l))) 0 0);

one of my favorite tricks with the new css color stuff. this automatically gives you white or black text, whichever contrasts best with --color

added a warning if your browser doesn't recognize this syntax

@noiob yeah CSS got split into modules after/during CSS3, so now each module has its own "level"

we're on Colors Module Level 5 at present

Follow

@unascribed it sounds very made up which I suppose it is

Sign in to participate in the conversation
Awoo Space

Awoo.space is a Mastodon instance where members can rely on a team of moderators to help resolve conflict, and limits federation with other instances using a specific access list to minimize abuse.

While mature content is allowed here, we strongly believe in being able to choose to engage with content on your own terms, so please make sure to put mature and potentially sensitive content behind the CW feature with enough description that people know what it's about.

Before signing up, please read our community guidelines. While it's a very broad swath of topics it covers, please do your best! We believe that as long as you're putting forth genuine effort to limit harm you might cause – even if you haven't read the document – you'll be okay!