> ## Documentation Index
> Fetch the complete documentation index at: https://anvil.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tokens

> Token reference for the Text component.

Text tokens control the appearance of the Text component in its foreground and focus-ring variants.

## Tokens

## How to override

Use `ThemeProvider` to override component tokens for a subtree:

```tsx theme={null}
import { ThemeProvider } from "@servicetitan/anvil2";

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

To theme every component at once, override tier-2 semantic tokens instead — see [Design Tokens](https://anvil.servicetitan.com/docs/design-tokens.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.