Skip to content

[Foundation] Add highlight colour token for mark element #4825

Description

@millus

The mark element in the Foundation elements layer (elements.css) has no styling yet, pending a new design token.

What's needed

  1. Run Brand Midnight Sun through the colour generator to produce light and dark variant values suitable for a highlight background.
  2. Add --eds-color-bg-highlight to Token Studio using those values.
  3. Sync and build the token so it is available in variables.css.
  4. Apply it in elements.css:
.eds-elements :where(mark) {
  background-color: var(--eds-color-bg-highlight);
}

Related

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions