Make v2 theme a standalone colors config

Turn the v2 theme into a build-level standalone color system instead
of a runtime-scoped add-on. Reset Tailwind's default palette and keep
only transparent, black, white, and the Radix scales, so an app opts
into v2 by importing it in place of the v1 theme.

Drop the redundant [data-theme="v2"] block: isolation now comes from
the separate import, and the inline utilities never read those tokens.
Update the v2 color guide to describe build-level isolation.

Signed-off-by: Émile Ré <emile@probo.com>
This commit is contained in:
Émile Ré
2026-06-17 11:42:50 +02:00
parent 5a5c853346
commit f49d7846e4
4 changed files with 26 additions and 101 deletions

View File

@@ -68,7 +68,7 @@ export default function TrackerPatternDetailPage({
const pattern = data.node;
return (
<div className="space-y-6">
<div className="space-y-6" data-theme="v2">
<Breadcrumb
items={[
{

View File

@@ -60,7 +60,7 @@ export function TrackerPatternPropertiesSection({
const typeBadge = getTrackerTypeBadge(pattern.trackerType, __);
return (
<Card padded>
<Card padded className="bg-amber-4">
<PropertyRow label={__("Pattern")}>
<span className="font-mono text-sm">{pattern.pattern}</span>
</PropertyRow>