Home / Skills / IDE Plugins / shade-tokens-not-hex

shade-tokens-not-hex

By TryGhost. Updated August 21, 2026. Categories: IDE Plugins.

Use Shade semantic tokens (bg-background, text-foreground, border-border-default, bg-surface-elevated) — never hex, hsl(), or bg-gray-200-style raw palette utilities for UI chrome. Trigger when editing TSX/CSS in Shade-consuming apps.

View repository on GitHub

SKILL.md

The description above is the indexed summary. With JavaScript enabled, this page also loads the SKILL.md text from GitHub.