---
title: "State tokens"
description: "State layer and disabled opacities."
url: "https://tanrei.chnotchy.com/tokens/state/"
last_updated: 2026-10-23T17:33:05.000Z
---

# State tokens

> State layer and disabled opacities.

Opacities under `tanrei.sys.state`. Each specimen shows the layer over a surface and over the primary fill. For guidance, read [Interaction states](https://tanrei.chnotchy.com/foundations/states/).

| Token | Value | Specimen |
| --- | --- | --- |
| `--tanrei-sys-state-disabled-container-opacity` | 0.12 (12%) |  |
| `--tanrei-sys-state-disabled-content-opacity` | 0.38 (38%) |  |
| `--tanrei-sys-state-dragged-state-layer-opacity` | 0.16 (16%) |  |
| `--tanrei-sys-state-focus-state-layer-opacity` | 0.1 (10%) |  |
| `--tanrei-sys-state-hover-state-layer-opacity` | 0.08 (8%) |  |
| `--tanrei-sys-state-pressed-state-layer-opacity` | 0.1 (10%) |  |
| `--tanrei-sys-state-selected-state-layer-opacity` | 0.16 (16%) |  |

Generated from `design/tokens/tanrei.light.tokens.json`, `tokens/sys/state.tokens.json`