@litfamily/litopencode 1.0.23 → 1.0.24

package/CHANGELOG.md

@@ -5,6 +5,10 @@ are tracked separately from this product history.
 
 ## Unreleased
 
+## 1.0.24 - 2026-10-14
+
+- The LIT card, the chip beside the prompt, the sidebar panel and the home line now wear the LIT colours in every OpenCode theme: the `🔥 LIT` pill runs from pink to flame, the workflow map ramps from flame through pink to the LIT accent, the running stage and the current skills are accent pills, and warnings and the finished state use LIT amber and green. Text, panels and borders still follow your theme, and on a light theme the LIT colours deepen so they stay readable. The README pictures of the card show the new look.
+
 ## 1.0.23 - 2026-10-13
 
 - The README demo on GitHub is a new film of one real OpenCode turn with the workflow map. A numbered label names each part as it appears: the `lit` word, the LIT IGNITED toast, the card's map skipping interview and plan to light WORK, the new test, the running tool and its time beside the map (`bash · 0:00` while `npm test` runs), the passing test run and the card settling to IDLE when the turn ends. It still plays without music.

package/README-Ko-KR.md

@@ -1,13 +1,13 @@
-<p align="center"><picture><source media="(prefers-reduced-motion: reduce)" srcset="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/cover-motion-still.webp" /><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/cover-motion.webp" width="100%" alt="LitFamily 모션 커버: 다섯 로봇 패널이 차례로 켜지고, LitOpenCode 로봇의 눈과 테두리가 빛난 뒤 LITFAMILY와 KEEP THE WORK LIT. 문구가 밝아지는 영상" /></picture></p>
+<p align="center"><picture><source media="(prefers-reduced-motion: reduce)" srcset="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/cover-motion-still.webp" /><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/cover-motion.webp" width="100%" alt="LitFamily 모션 커버: 다섯 로봇 패널이 차례로 켜지고, LitOpenCode 로봇의 눈과 테두리가 빛난 뒤 LITFAMILY와 KEEP THE WORK LIT. 문구가 밝아지는 영상" /></picture></p>
 
 # LitOpenCode
 
 **LitOpenCode는 OpenCode용 워크플로 플러그인입니다. 프롬프트에 `lit`만 붙이면 계획하고, 만들고, 확인하고, 기록까지 남겨서 다음 세션이 어디서 멈췄는지 바로 압니다.**
 
 <p align="center">
-<a href="https://www.npmjs.com/package/@litfamily/litopencode"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/readme/badge-version.svg" alt="1.0.23" /></a>
+<a href="https://www.npmjs.com/package/@litfamily/litopencode"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/readme/badge-version.svg" alt="1.0.24" /></a>
 <a href="https://www.npmjs.com/package/@litfamily/litopencode"><img src="https://img.shields.io/npm/dm/@litfamily/litopencode?label=downloads&color=D7F75B" alt="월간 npm 다운로드 수" /></a>
-<a href="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/LICENSE"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/readme/badge-license.svg" alt="MIT 라이선스" /></a>
+<a href="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/LICENSE"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/readme/badge-license.svg" alt="MIT 라이선스" /></a>
 <a href="https://github.com/wjgoarxiv/litopencode"><img src="https://img.shields.io/github/stars/wjgoarxiv/litopencode?style=social" alt="GitHub 스타" /></a>
 </p>
 
@@ -57,9 +57,9 @@ npm uninstall -g @litfamily/litopencode
 ## 더 보기
 
 - [GitHub의 사용 안내](https://github.com/wjgoarxiv/litopencode/blob/main/docs/guide-Ko-KR.md): 설치 옵션, 자동 인수인계, 문제 해결, 제거
-- [워크플로 상세 안내](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/reference-Ko-KR.md) · [English reference](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/reference.md)
-- [마이그레이션 안내](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/migration.md) · [Changelog](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/CHANGELOG.md) · [개인정보와 네트워크 동작](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/privacy.md)
-- [LitFamily 허브](https://github.com/wjgoarxiv/litfamily) · [MIT 라이선스](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/LICENSE) · [ASCII 글꼴 라이선스](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/readme/JetBrainsMono-OFL.txt)
+- [워크플로 상세 안내](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/reference-Ko-KR.md) · [English reference](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/reference.md)
+- [마이그레이션 안내](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/migration.md) · [Changelog](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/CHANGELOG.md) · [개인정보와 네트워크 동작](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/privacy.md)
+- [LitFamily 허브](https://github.com/wjgoarxiv/litfamily) · [MIT 라이선스](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/LICENSE) · [ASCII 글꼴 라이선스](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/readme/JetBrainsMono-OFL.txt)
 
 <details>
 <summary>ASCII 로고 복사</summary>

package/README.md

@@ -1,13 +1,13 @@
-<p align="center"><picture><source media="(prefers-reduced-motion: reduce)" srcset="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/cover-motion-still.webp" /><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/cover-motion.webp" width="100%" alt="LitFamily motion cover: five armored robots power on one by one, the LitOpenCode robot wakes with glowing eyes and a lit frame, then LITFAMILY and KEEP THE WORK LIT. light up." /></picture></p>
+<p align="center"><picture><source media="(prefers-reduced-motion: reduce)" srcset="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/cover-motion-still.webp" /><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/cover-motion.webp" width="100%" alt="LitFamily motion cover: five armored robots power on one by one, the LitOpenCode robot wakes with glowing eyes and a lit frame, then LITFAMILY and KEEP THE WORK LIT. light up." /></picture></p>
 
 # LitOpenCode
 
 **LitOpenCode is a workflow plugin for OpenCode. Add `lit` to a prompt and the work gets planned, built, checked and written down, so the next session knows where you stopped.**
 
 <p align="center">
-<a href="https://www.npmjs.com/package/@litfamily/litopencode"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/readme/badge-version.svg" alt="1.0.23" /></a>
+<a href="https://www.npmjs.com/package/@litfamily/litopencode"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/readme/badge-version.svg" alt="1.0.24" /></a>
 <a href="https://www.npmjs.com/package/@litfamily/litopencode"><img src="https://img.shields.io/npm/dm/@litfamily/litopencode?label=downloads&color=D7F75B" alt="npm downloads per month" /></a>
-<a href="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/LICENSE"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/readme/badge-license.svg" alt="MIT license" /></a>
+<a href="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/LICENSE"><img src="https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/readme/badge-license.svg" alt="MIT license" /></a>
 <a href="https://github.com/wjgoarxiv/litopencode"><img src="https://img.shields.io/github/stars/wjgoarxiv/litopencode?style=social" alt="GitHub stars" /></a>
 </p>
 
@@ -57,9 +57,9 @@ npm uninstall -g @litfamily/litopencode
 ## More
 
 - [Guide on GitHub](https://github.com/wjgoarxiv/litopencode/blob/main/docs/guide.md): install options, automatic handoff, troubleshooting and removal.
-- [Workflow reference](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/reference.md)
-- [Migration notes](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/migration.md) · [Changelog](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/CHANGELOG.md) · [Privacy and network behavior](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/privacy.md)
-- [LitFamily hub](https://github.com/wjgoarxiv/litfamily) · [MIT license](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/LICENSE) · [ASCII font license](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.23/docs/assets/readme/JetBrainsMono-OFL.txt)
+- [Workflow reference](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/reference.md)
+- [Migration notes](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/migration.md) · [Changelog](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/CHANGELOG.md) · [Privacy and network behavior](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/privacy.md)
+- [LitFamily hub](https://github.com/wjgoarxiv/litfamily) · [MIT license](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/LICENSE) · [ASCII font license](https://cdn.jsdelivr.net/npm/@litfamily/litopencode@1.0.24/docs/assets/readme/JetBrainsMono-OFL.txt)
 
 <details>
 <summary>Copy ASCII logo</summary>

package/dist/tui/mission-band.d.ts

@@ -23,7 +23,7 @@ export type NotifyOptions = {
  */
 export declare function readNotifyOptions(options: unknown): NotifyOptions;
 /**
- * The skill chips row, exactly `width` cells: bright accent pills for the current request first, then
+ * The skill chips row, exactly `width` cells: bright LIT accent pills for the current request first, then
  * dim recent names, and `+N` for the ones that do not fit. The label goes before any chip does.
  */
 export declare function skillRow(chips: readonly SkillChip[], shimmer: ChipShimmer | undefined, palette: MissionPalette, width: number): Line;

package/dist/tui/mission-band.js

@@ -130,7 +130,7 @@ function phaseLabel(view, frame, palette, rest) {
     return { text: `● ${stepName(view.phase, view).toUpperCase()}`, fg: palette.info, bold: true };
 }
 function topLine(view, frame, palette, width, border, rest) {
-    const brand = [{ text: "🔥 ", fg: palette.text }, { text: "LIT", fg: shine(palette.primary, palette, 0.5, shimmerAt(frame), 0.6), bold: true }];
+    const brand = [{ text: "🔥 ", fg: palette.text }, { text: "LIT", fg: shine(palette.secondary, palette, 0.5, shimmerAt(frame), 0.6), bold: true }];
     const name = view.active ? view.discipline : "ready";
     const right = [phaseLabel(view, frame, palette, rest)];
     const withName = (room) => [...brand, { text: " · ", fg: palette.muted }, { text: truncateCells(name, room), fg: view.active ? palette.text : palette.muted }];
@@ -237,12 +237,12 @@ function chipSegments(chip, shimmer, palette) {
         return [{ text, fg: palette.muted, ...(palette.element === undefined ? {} : { bg: palette.element }) }];
     const sweep = shimmer?.names.includes(chip.name) === true ? shimmer.sweep : -1;
     if (sweep < 0)
-        return [{ text, fg: palette.onFill, bg: palette.accent, bold: true }];
+        return [{ text, fg: palette.onFill, bg: palette.fill, bold: true }];
     const chars = [...text];
-    return chars.map((char, index) => ({ text: char, fg: palette.onFill, bg: shine(palette.accent, palette, index / (chars.length - 1), sweep, 0.3), bold: true }));
+    return chars.map((char, index) => ({ text: char, fg: palette.onFill, bg: shine(palette.fill, palette, index / (chars.length - 1), sweep, 0.3), bold: true }));
 }
 /**
- * The skill chips row, exactly `width` cells: bright accent pills for the current request first, then
+ * The skill chips row, exactly `width` cells: bright LIT accent pills for the current request first, then
  * dim recent names, and `+N` for the ones that do not fit. The label goes before any chip does.
  */
 export function skillRow(chips, shimmer, palette, width) {

package/dist/tui/mission-text.d.ts

@@ -25,6 +25,9 @@ export type MissionPalette = {
     readonly element?: string;
     /** What fades and tints mix toward: the panel, else the background, else a neutral for the mode. */
     readonly mixBase: string;
+    /** The running stage's pill and the current skill chip, and that pill on a warning: bright in every mode. */
+    readonly fill: string;
+    readonly fillWarn: string;
     /** Text drawn on a filled pill. */
     readonly onFill: string;
 };
@@ -34,8 +37,9 @@ export declare const panelInnerWidth: number;
 /** Theme tokens arrive as RGBA objects; plain hex strings pass through. Alpha is ignored here. */
 export declare function colorToHex(value: unknown, fallback: string): string;
 /**
- * Builds the palette from `api.theme.current`. A surface token with alpha 0 (the system and
- * lucent-orng themes) means "draw no background", never black.
+ * Builds the palette from `api.theme.current`: the LIT signature colours for the brand, the map ramp,
+ * the pills, the bar and the state colours, over the theme's text, muted text, fills and borders.
+ * A surface token with alpha 0 (the system and lucent-orng themes) means "draw no background", never black.
  */
 export declare function paletteFromTheme(theme: Record<string, unknown> | undefined, mode?: "dark" | "light"): MissionPalette;
 /**
@@ -62,7 +66,7 @@ export declare function shimmerAt(frame: MotionFrame): number;
  * primary-to-accent gradient. The empty track is a thin muted rule, never a dither.
  */
 export declare function progressBar(ratio: number, cells: number, palette: MissionPalette, sweep?: number): Segment[];
-/** The stage colour ramp: the theme's primary through secondary to accent, so every theme keeps its own feel. */
+/** The stage colour ramp: LIT flame through pink to the LIT accent. */
 export declare function stageColor(index: number, count: number, palette: MissionPalette): string;
 /** A light pass over the running stage: once when the map moves forward, and during the completion moment. */
 export declare function stageFlash(frame: MotionFrame): number;

package/dist/tui/mission-text.js

@@ -3,6 +3,16 @@
 // renders as spans. Every frame of motion is drawn from a MotionFrame, so all of it is testable here.
 import { ease, mixHex, rowEntryStart, seg, slideIn, motionTiming } from "./mission-motion.js";
 import { currentStepIndex, missionRowKeys, missionStatus, stepName } from "./mission-model.js";
+/**
+ * The LIT signature colours. Dark themes use them as they are; light themes deepen the colours drawn
+ * as text within the same hue so words stay readable, while pill fills keep the bright signature with
+ * dark ink in both modes.
+ */
+const litColors = {
+    dark: { flame: "#ff6337", pink: "#ff2d95", accent: "#5fd7ff", green: "#6bdb8f", amber: "#ffaf3c", red: "#ff5f5f" },
+    light: { flame: "#e2521f", pink: "#d81b78", accent: "#0a87b8", green: "#1f9d55", amber: "#b86e00", red: "#d93a3a" },
+    ink: "#0b0f14"
+};
 /** Panel box width in cells, and the content width inside its border and one cell of padding per side. */
 export const panelWidth = 36;
 export const panelInnerWidth = panelWidth - 4;
@@ -34,8 +44,9 @@ export function colorToHex(value, fallback) {
     return readColor(value)?.hex ?? fallback;
 }
 /**
- * Builds the palette from `api.theme.current`. A surface token with alpha 0 (the system and
- * lucent-orng themes) means "draw no background", never black.
+ * Builds the palette from `api.theme.current`: the LIT signature colours for the brand, the map ramp,
+ * the pills, the bar and the state colours, over the theme's text, muted text, fills and borders.
+ * A surface token with alpha 0 (the system and lucent-orng themes) means "draw no background", never black.
  */
 export function paletteFromTheme(theme, mode = "dark") {
     const pick = (key, fallback) => colorToHex(theme?.[key], fallback);
@@ -47,14 +58,15 @@ export function paletteFromTheme(theme, mode = "dark") {
     const panel = surface("backgroundPanel");
     const element = surface("backgroundElement");
     const neutral = mode === "light" ? "#f2f2f2" : "#1c1c1c";
+    const lit = litColors[mode];
     return {
-        primary: pick("primary", "#ff6337"),
-        secondary: pick("secondary", "#ff2d95"),
-        accent: pick("accent", "#b48cff"),
-        info: pick("info", "#0aa6c2"),
-        warning: pick("warning", "#ffaf3c"),
-        success: pick("success", "#6bdb8f"),
-        error: pick("error", "#ff5f5f"),
+        primary: lit.flame,
+        secondary: lit.pink,
+        accent: lit.accent,
+        info: lit.accent,
+        warning: lit.amber,
+        success: lit.green,
+        error: lit.red,
         text: pick("text", "#e6edf3"),
         muted: pick("textMuted", "#7d8590"),
         borderActive: pick("borderActive", "#484f58"),
@@ -63,7 +75,9 @@ export function paletteFromTheme(theme, mode = "dark") {
         ...(panel === undefined ? {} : { panel }),
         ...(element === undefined ? {} : { element }),
         mixBase: panel ?? background ?? neutral,
-        onFill: background ?? panel ?? (mode === "light" ? "#ffffff" : "#0b0b0b")
+        fill: litColors.dark.accent,
+        fillWarn: litColors.dark.amber,
+        onFill: litColors.ink
     };
 }
 /**
@@ -183,7 +197,7 @@ export function progressBar(ratio, cells, palette, sweep = -1) {
         segments.push({ text: "─".repeat(cells - used), fg: palette.borderSubtle });
     return segments;
 }
-/** The stage colour ramp: the theme's primary through secondary to accent, so every theme keeps its own feel. */
+/** The stage colour ramp: LIT flame through pink to the LIT accent. */
 export function stageColor(index, count, palette) {
     return gradientAt([palette.primary, palette.secondary, palette.accent], count <= 1 ? 0 : index / (count - 1));
 }
@@ -218,7 +232,7 @@ function pillStyle(state, palette, warn) {
     if (state === "todo" || state === "skip")
         return { fg: palette.muted, ...(palette.panel === undefined ? {} : { bg: palette.panel }), bold: false };
     const level = state === "warn" ? Math.max(warn, 0.5) : warn;
-    return { fg: palette.onFill, bg: mixHex(palette.info, palette.warning, level), bold: true };
+    return { fg: palette.onFill, bg: mixHex(palette.fill, palette.fillWarn, level), bold: true };
 }
 /** A light pass over the running stage: once when the map moves forward, and during the completion moment. */
 export function stageFlash(frame) {
@@ -265,7 +279,7 @@ export function crumb(view, index, frame, palette, bar, flash = -1) {
     const chars = [...label];
     const pill = flash < 0
         ? [{ text: label, fg: style.fg, ...(style.bg === undefined ? {} : { bg: style.bg }), bold: style.bold }]
-        : chars.map((char, position) => ({ text: char, fg: style.fg, bg: shine(style.bg ?? palette.info, palette, position / (chars.length - 1), flash, 0.3), bold: true }));
+        : chars.map((char, position) => ({ text: char, fg: style.fg, bg: shine(style.bg ?? palette.fill, palette, position / (chars.length - 1), flash, 0.3), bold: true }));
     if (!counted)
         return pill;
     return [...pill, ...(bar > 0 ? [{ text: " ", fg: palette.muted }, ...microBar(frame.barRatio, palette, bar)] : []), { text: ` ${countText(view)}`, fg: palette.text, bold: true }];
@@ -292,9 +306,13 @@ export function liveSegments(view, frame, palette, room) {
         { text: time, fg: palette.muted }
     ];
 }
+/** The `🔥 LIT` pill: LIT pink to flame across its cells with dark ink, bright on light themes too. */
 function brandPill(palette, sweep) {
     const chars = [" ", "🔥", " ", "L", "I", "T", " "];
-    return chars.map((char, index) => ({ text: char, fg: palette.onFill, bg: shine(palette.primary, palette, index / (chars.length - 1), sweep, 0.3), bold: true }));
+    return chars.map((char, index) => {
+        const position = index / (chars.length - 1);
+        return { text: char, fg: palette.onFill, bg: shine(mixHex(litColors.dark.pink, litColors.dark.flame, position), palette, position, sweep, 0.3), bold: true };
+    });
 }
 /**
  * The chip's groups for a tier. The full tier is the brand and the breadcrumb around the running stage

package/docs/assets/readme/badge-version.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="146" height="20" role="img" aria-label="release: 1.0.23"><title>release: 1.0.23</title><g shape-rendering="crispEdges"><rect width="49" height="20" fill="#080d14"/><rect x="49" width="97" height="20" fill="#ff6337"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="255" y="140" textLength="390" transform="scale(.1)">release</text><text x="965" y="140" textLength="870" transform="scale(.1)" fill="#080D14">1.0.23</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="20" role="img" aria-label="release: 1.0.24"><title>release: 1.0.24</title><g shape-rendering="crispEdges"><rect width="49" height="20" fill="#080d14"/><rect x="49" width="97" height="20" fill="#ff6337"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text x="255" y="140" textLength="390" transform="scale(.1)">release</text><text x="965" y="140" textLength="870" transform="scale(.1)" fill="#080D14">1.0.24</text></g></svg>

package/docs/reference-Ko-KR.md

@@ -269,8 +269,8 @@ OpenCode 1.18은 `tui.json`이나 `tui.jsonc`의 `plugin` 배열에 적힌 TUI
   단계를 건너뛴 것으로 보여 주고, 했다고 표시하지 않습니다. `review-work` 없이 할 일만 모두 끝내도
   review는 `–`로 남습니다. 리뷰 명령, 리뷰 막힘, ledger CLI로 끝낸 목표(완료 관문이 리뷰를 포함함)가 있어야
   완료로 바뀝니다. 에이전트가 직접 쓴 `goals.json`에서 끝났다고 표시한 목표는 관문을 거치지 않았으므로
-  review를 `–`로 둡니다. 지나온 단계는 테마의 primary에서
-  secondary를 거쳐 accent로 가는 색을 차례로 받고, 앞으로 할 단계는 흐리게 그립니다.
+  review를 `–`로 둡니다. 지나온 단계는 LIT 불꽃색에서
+  분홍색을 거쳐 LIT accent로 가는 색을 차례로 받고, 앞으로 할 단계는 흐리게 그립니다.
 - 입력창 아래 agent/model 줄 오른쪽의 지도 칩: `🔥 LIT` 알약 뒤에 지금 단계 앞뒤를 이어 쓴
   `plan ✓ › WORK ▰▰▰▱▱▱▱ 3/7 › review`가 붙습니다. 지금 단계는 채운 알약과 일곱 칸 막대로 보입니다.
   자리가 넉넉하면 지금 하는 일(`⠹ bash · 0:48`)이 뒤따릅니다. 자리가 좁으면 지금 하는 일을 먼저 빼고,
@@ -278,8 +278,8 @@ OpenCode 1.18은 `tui.json`이나 `tui.jsonc`의 `plugin` 배열에 적힌 TUI
   개수만 남깁니다. 자리는 OpenCode에 저장된 사이드바 설정과 세션 종류(하위 세션에는 사이드바가
   없음)로 계산합니다. 설정을 아직 읽을 수 없으면 사이드바가 열려 있다고 보고 좁게 잡습니다.
 - 세션 사이드바 맨 위의 미션 패널: 36칸짜리 둥근 상자이고, 위 테두리에 `🔥 LIT ▸ <단계>`, 아래
-  테두리에 `n/m criteria`가 붙습니다. 테두리 색이 상태를 보여 줍니다. 일하는 중에는 테마 accent,
-  경고가 있으면 warning, 끝나면 success 색입니다. 안에는 두 줄짜리 `LIT`과 그 옆의 작업 이름·상태,
+  테두리에 `n/m criteria`가 붙습니다. 테두리 색이 상태를 보여 줍니다. 일하는 중에는 LIT accent,
+  경고가 있으면 LIT 호박색, 끝나면 LIT 초록색입니다. 안에는 두 줄짜리 `LIT`과 그 옆의 작업 이름·상태,
   굵은 목표 제목, 세로 단계 지도가 들어갑니다. 지도에서 지난 단계는 `◆`, 지금 단계는 굵은 `◉`,
   경고가 걸린 단계는 `⚑`, 남은 단계는 `◇`입니다. 지금 단계까지는 단계 색의 `┃`로, 그 뒤로는 점선
   `┆`로 잇고, plan 옆에는 저장된 계획의 할 일 수, work 옆에는 `iter k`를 적습니다. 그 아래로 1/8칸
@@ -298,7 +298,7 @@ OpenCode 1.18은 `tui.json`이나 `tui.jsonc`의 `plugin` 배열에 적힌 TUI
     일과 `▸ 다음 일` 자리에 `⚑ <내용>`이 들어갑니다. 쉬는 세션에서는 흐린 지도 옆에 프로젝트의
     마지막 목표를, 목표가 없으면 `add lit to a prompt to start`를 보여 줍니다.
   - 둘째 줄은 스킬 칩입니다. 세션에서 실행된 LitOpenCode 스킬이 여러 개 함께 보입니다. 지금 요청에서
-    실행된 스킬은 요청이 도는 동안 accent 색 알약으로 밝게 보이고, 새로 들어온 칩에는 빛이 짧게 한 번
+    실행된 스킬은 요청이 도는 동안 LIT accent 색 알약으로 밝게 보이고, 새로 들어온 칩에는 빛이 짧게 한 번
     지나갑니다. 턴이 끝나면 흐려져 최근 목록으로 남고(최근 것이 앞), 다시 실행되면 다시 밝아집니다.
     자리가 모자라면 남은 칩을 `+N`으로 접습니다.
   - 아래 테두리에는 context 사용량(75%부터 주황), 첫 lit 턴부터 지난 시간(`⟳ 7m`), git 브랜치가
@@ -310,8 +310,8 @@ OpenCode 1.18은 `tui.json`이나 `tui.jsonc`의 `plugin` 배열에 적힌 TUI
   넘기지는 않습니다. 완료 순간도 여기서 함께 보입니다.
 - 홈 화면 입력창 아래, OpenCode 팁 다음 줄: `🔥 lit ready · last: <목표> ✓ n/m`. 프로젝트 ledger에
   목표가 있을 때만 보입니다.
-- 경고는 색만 바꾸지 않고 늘 `⚑`와 글자를 함께 붙입니다. accent와 warning이 같은 색인 테마가 있기
-  때문입니다. 알파가 0인 테마 바탕(system, lucent-orng)은 검게 칠하지 않고 비워 둡니다.
+- 경고는 색만 바꾸지 않고 늘 `⚑`와 글자를 함께 붙입니다. 색이 없어도 똑같이 읽히게 하려는
+  것입니다. 알파가 0인 테마 바탕(system, lucent-orng)은 검게 칠하지 않고 비워 둡니다.
 - 관문 사건마다 토스트 하나: 계획 저장 또는 저장 실패, 목표 설정, 기준 통과, 리뷰 막힘과 해결, 완료.
   한 번에 여러 사건이 생기면 가장 급한 것 하나로 합칩니다.
 - 목표가 끝나거나, 할 일이 모두 끝나거나, 조사 실행이 보고서를 쓰면 1.2초 안에 끝나는 완료 순간을
@@ -361,8 +361,15 @@ ease-out-back으로 160ms씩, 60ms 간격으로 들어오고, 막대는 300ms에
 한 번 빛납니다. 계속 도는 움직임은 없습니다. 지금 하는 일은 미끄러져 들어오지 않고 제자리에서
 바뀌며, 도구가 도는 동안에만 걸린 시간이 1초에 한 번 바뀝니다. 도는 도구가 없으면 타이머도
 없습니다. lit 세션이 열려 있는 동안만 2초마다 목표 ledger, 범위 작업 기록, 조사 폴더를 다시 읽고,
-쉬는 세션은 읽지 않습니다. 색은 지금 OpenCode
-테마에서 가져옵니다. 움직임을 끄려면 `tui.json`에 `["@litfamily/litopencode@<version>", { "motion": false }]`
+쉬는 세션은 읽지 않습니다.
+
+LIT 부분은 어떤 테마에서든 LIT 색을 씁니다. `🔥 LIT` 알약은 분홍(`#ff2d95`)에서 불꽃색(`#ff6337`)으로
+넘어가고, 단계 색은 불꽃색, 분홍, LIT accent(`#5fd7ff`) 순서로 이어집니다. 지금 단계와 지금 요청의
+스킬 칩은 accent 알약이고, 막대는 불꽃색에서 accent로 가며, 상태 색은 LIT 호박색(`#ffaf3c`),
+초록색(`#6bdb8f`), 빨간색(`#ff5f5f`)입니다. 알약 글자는 늘 어두운 색(`#0b0f14`)입니다. 글자, 흐린 글자, 패널과
+요소 바탕, 테두리, 투명한 바탕은 지금 OpenCode 테마에서 가져옵니다. 밝은 테마에서는 알약 바탕을
+밝게 그대로 두고, 글자로 쓰는 LIT 색만 같은 색조 안에서 진하게 바꿔(불꽃색 `#e2521f`, 분홍
+`#d81b78`, accent `#0a87b8`, 초록 `#1f9d55`, 호박색 `#b86e00`, 빨강 `#d93a3a`) 흰 바탕에서도 읽히게 합니다. 움직임을 끄려면 `tui.json`에 `["@litfamily/litopencode@<version>", { "motion": false }]`
 처럼 적고, 플러그인 자체를 끄려면 OpenCode 플러그인 관리자나 `plugin_enabled`에서 id `litopencode`를 끕니다.
 
 띠 설정도 같은 옵션 객체에 적습니다.

package/docs/reference.md

@@ -372,7 +372,7 @@ What it draws:
   at `–`. A review command, a review blocker or a goal completed through the ledger CLI (whose gate
   includes review) marks it done; a goal the agent marks complete in a hand-written `goals.json`
   passed no gate and leaves review at `–`. Stages behind the running one take their place on a colour
-  ramp from the theme's primary through secondary to accent; stages ahead are muted.
+  ramp from LIT flame through pink to the LIT accent; stages ahead are muted.
 - A map chip on the right of the prompt's agent/model row: a `🔥 LIT` pill and the breadcrumb around
   the running stage, `plan ✓ › WORK ▰▰▰▱▱▱▱ 3/7 › review`, with the running stage as a filled pill and a
   seven-cell bar. When the row has room the live step follows (`⠹ bash · 0:48`). Narrower, it drops
@@ -382,7 +382,7 @@ What it draws:
   read yet, the chip assumes the sidebar is open and stays narrower.
 - A mission panel at the top of the session sidebar, in a 36-cell rounded box titled
   `🔥 LIT ▸ <STAGE>` with `n/m criteria` in the bottom border. The border carries the state: the
-  theme accent while working, the warning colour on a warning, the success colour when complete.
+  LIT accent while working, LIT amber on a warning, LIT green when complete.
   Inside: a two-row `LIT` with the discipline and a status beside it, the goal title in bold, the
   vertical stage map (`◆` behind, `◉` running in bold, `⚑` flagged, `◇` ahead, joined by `┃`
   connectors in the ramp colour up to the running stage and dotted `┆` after it, with the saved
@@ -405,7 +405,7 @@ What it draws:
     warning is open, `⚑ <text>` takes the place of the live step and `▸ next`. An idle session shows
     the dim map with the project's last goal, or `add lit to a prompt to start`;
   - row two holds the skill chips: every LitOpenCode skill that fired in the session, several at
-    once. Skills fired by the current request are bright accent pills while it runs, and a new one
+    once. Skills fired by the current request are bright LIT accent pills while it runs, and a new one
     gets a short light sweep as it arrives; when the turn ends they dim and stay as the recent list,
     newest first, and firing one again brightens it. Chips that do not fit collapse into `+N`;
   - the bottom border holds the context use (amber from 75%), the time since the first lit turn
@@ -417,8 +417,8 @@ What it draws:
   then the time, then the context use. It never wraps. The completion moment plays here too.
 - A line under the home prompt, after OpenCode's tips: `🔥 lit ready · last: <goal> ✓ n/m`. It
   appears only when the project ledger holds a goal.
-- Warnings always carry `⚑` and words, not colour alone, because some themes use one colour for
-  both accent and warning. Theme surfaces with alpha 0 (the system and lucent-orng themes) are left
+- Warnings always carry `⚑` and words, not colour alone, so they read the same without colour.
+  Theme surfaces with alpha 0 (the system and lucent-orng themes) are left
   unfilled rather than painted black.
 - One toast per refresh for a gate event: plan saved or not saved, goal set, criterion passed,
   review blocker opened or resolved, and completion. Several events at once collapse into the most
@@ -475,8 +475,16 @@ apart and the running pill flashes once; nothing loops. The live step changes in
 slide-in, and while a tool runs its elapsed time ticks once a second; with no tool running there is
 no timer at all. While a lit session is open the panel re-reads the goal ledger, the bounded work
 record and the research folder every two seconds; an idle session does not.
-Colours come from the active OpenCode theme. Set `["@litfamily/litopencode@<version>", { "motion": false }]`
-in `tui.json` to keep it static, or turn the plugin off by id `litopencode` in OpenCode's plugin
+
+The LIT parts wear the LIT colours in every theme: the `🔥 LIT` pill runs from pink (`#ff2d95`) to
+flame (`#ff6337`), the stage ramp runs flame, pink, then the LIT accent (`#5fd7ff`), the running stage
+and the current skill chips are accent pills, the bar runs flame to accent, and the state colours are
+LIT amber (`#ffaf3c`), green (`#6bdb8f`) and red (`#ff5f5f`). Pills always use dark ink (`#0b0f14`). Text, muted
+text, the panel and element fills, the borders and transparent surfaces still come from the active
+OpenCode theme. On a light theme the pill fills stay bright, and the LIT colours drawn as text
+deepen within the same hue (flame `#e2521f`, pink `#d81b78`, accent `#0a87b8`, green `#1f9d55`, amber
+`#b86e00`, red `#d93a3a`) so they stay readable on a white background. Set
+`["@litfamily/litopencode@<version>", { "motion": false }]` in `tui.json` to turn the motion off, or turn the plugin off by id `litopencode` in OpenCode's plugin
 manager or with `plugin_enabled`.
 
 Band options go in the same options object:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litfamily/litopencode",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "description": "Workflow plugin for OpenCode: add lit to a prompt and the work is planned, built, checked and written down so the next session can pick it up.",
   "keywords": [
     "opencode",