The mark element in the Foundation elements layer (elements.css) has no styling yet, pending a new design token.
What's needed
- Run Brand Midnight Sun through the colour generator to produce light and dark variant values suitable for a highlight background.
- Add
--eds-color-bg-highlight to Token Studio using those values.
- Sync and build the token so it is available in
variables.css.
- Apply it in
elements.css:
.eds-elements :where(mark) {
background-color: var(--eds-color-bg-highlight);
}
Related
The
markelement in the Foundation elements layer (elements.css) has no styling yet, pending a new design token.What's needed
--eds-color-bg-highlightto Token Studio using those values.variables.css.elements.css:Related