Playground
Interactive demos of some components I thought were fun. Your mileage may vary.
Selected: var(--color-blue-500)
A gray highlight? Boring!
No worries, we can slap a data-hueattribute on it. Let's do some classic highligter colors, like yellow or pink or lime or magenta or cyan.
corner-shape.The highlight shape also plays nice with long strings. It's got box-decoration-clone applied to make the shape span line breaks. Notice how it also applied to the codeelement too? I think that's a nice touch. Same with changing its background color, which you probably didn't notice.
Don't like the default values? Override with classes, like this classic highlighter look.
A remix of Geist's Phonecomponent. Responds to color mode and uses your device's clock and battery level (non-iOS).