Field Message – Tokens

Field Message tokens control the appearance of the Field Message component in its foreground, error, and warning variants.

Tokens

Nested component tokens

Field Message includes internal components that bring their own tokens. Override these on the Field Message /tokens page or globally via the semantic layer.

Status Icon

How to override

Use ThemeProvider to override component tokens for a subtree:

import { ThemeProvider } from "@servicetitan/anvil2";

<ThemeProvider
  theme={{
    component: {
      FieldMessageForegroundColor: {
        value: "#ff0055",
        extensions: { appearance: { dark: { value: "#ff6688" } } },
      },
    },
  }}
>
  {/* children */}
</ThemeProvider>;

To theme every component at once, override tier-2 semantic tokens instead — see Design Tokens.

Last modified on October 27, 2026

⌘I