From d35058fc68b3d783870610652b7a876f07cf8814 Mon Sep 17 00:00:00 2001 From: thxforall <113906780+thxforall@users.noreply.github.com> Date: Thu, 21 May 2026 21:30:28 +0900 Subject: [PATCH] feat(design-system): map magazine palette to colors tokens Adds magPrimary/magAccent/magBg/magText to the colors object so TS consumers can reach the editorial palette without raw CSS vars. The --mag-* CSS vars already exist in globals.css; this only closes the TS-side SSOT drift. Refs #311 Co-Authored-By: Claude Opus 4.7 --- packages/web/lib/design-system/tokens.ts | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/web/lib/design-system/tokens.ts b/packages/web/lib/design-system/tokens.ts index 45e567bf..22c86447 100644 --- a/packages/web/lib/design-system/tokens.ts +++ b/packages/web/lib/design-system/tokens.ts @@ -170,6 +170,13 @@ export const colors = { mainAccent: "var(--main-accent)", mainTextWhite: "var(--main-text-white)", mainTextGray: "var(--main-text-gray)", + + // Magazine palette — editorial surfaces (home, magazine, post detail) + // Fixed dark, not affected by next-themes .dark flip + magPrimary: "var(--mag-primary)", + magAccent: "var(--mag-accent)", + magBg: "var(--mag-bg)", + magText: "var(--mag-text)", } as const; /**