Skip to content
Home Theme Gallery

Mark

A highlight the server renders around a run of text it has already matched. .hui-mark is a hit; .hui-mark--warning is a match the reader should worry about.

Hits and warnings

Use a real <mark> element where the highlight carries meaning, so it is not lost on a reader who cannot see the colour. The highlight survives forced colours, where colour alone would disappear.

.hui-mark

A search hit or flagged word: the text in --hui-foreground on the --hui-mark highlight. Add --warning for a match that is a problem rather than a hit. Under forced colours the highlight becomes an underline.

Search results for <mark class="hui-mark">Home-UI</mark>

.hui-mark--warning

A marked word that is a problem rather than a hit, on the destructive tint.