Relative color syntax is a game changer! 🎨
Lighten, darken, shift hue, tweak alpha, all without manually converting color formats.
✅ Works with custom properties
✅ Keeps your design system DRY
✅ Supported in modern browsers
Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors
MDN Web Docs
npub1az…ntw5z
2025-09-03 12:00:07 UTC
Author Public Key
npub1azl49z5aacf56hgus0xn95fhrtmvuy9kmj6lnczk979pwsdddulqqntw5zSeen on
wss://relay.momostr.pinkPublished at
2025-09-03 12:00:07 UTCEvent JSON
{
"id": "98fb0379f416cb3e51be1d67d192ba1b0cbfa6da7da75d8db990adee90732631",
"pubkey": "e8bf528a9dee134d5d1c83cd32d1371af6ce10b6dcb5f9e0562f8a1741ad6f3e",
"created_at": 1756900807,
"kind": 1,
"tags": [
[
"proxy",
"https://mastodon.social/@mdn/115140251306788162",
"web"
],
[
"proxy",
"https://mastodon.social/users/mdn/statuses/115140251306788162",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.social/users/mdn/statuses/115140251306788162",
"pink.momostr"
],
[
"-"
]
],
"content": "Relative color syntax is a game changer! 🎨\nLighten, darken, shift hue, tweak alpha, all without manually converting color formats.\n\n✅ Works with custom properties\n✅ Keeps your design system DRY\n✅ Supported in modern browsers\n\nLearn more 👇\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/CSS_colors/Relative_colors",
"sig": "7ca3905d0233519fc8c9184439ee0549ff6a18049162efe843a8a5fb206b09e7d9b5bf24d56e328f2de6f0f220ee5a446bc9b4b3430d474494f977b566fd0625"
}