Verisimilitude
Chrome Tabs
Site search
Grouped Popups
Keys
⌘/⌘I⌘K
DeviceFrame · Phone
DeviceFrame · Browser
Custom mark styles
∙ with CSS corner-shape
The default mark styling is dated. Let's make the shape a bit more realistic with corner-shape.
Then slap a data-hue attribute on it for some classic highligter colors, like yellow or pink or lime or magenta or cyan.
The highlight shape also plays nice with long strings. It's got box-decoration-break: clone applied to make the shape span line breaks. Notice how the nested code inherited a little treatment too? I think that's a nice touch.
Custom overrides
Don't like the default values? Override with classes, like this classic highlighter look.