@abelfubu/dv 0.1.0 → 1.0.1

package/README.md

@@ -0,0 +1,111 @@
+# `dv` — Diffview
+
+A fast, keyboard-driven diff viewer for the terminal. Pipe any `git diff` into it and navigate changes with a TUI, copy selections, switch themes, and more.
+
+![license](https://img.shields.io/npm/l/@abelfubu/dv)
+
+## Install
+
+```bash
+bun install -g @abelfubu/dv
+```
+
+Requires [Bun](https://bun.sh/).
+
+## Usage
+
+```bash
+# Pipe git diff output
+git diff | dv
+
+# Diff specific refs
+git diff main...feature | dv
+
+# Show working tree changes (default when stdin is empty)
+dv
+
+# Scrollback mode for non-TTY output
+git diff | dv --scrollback
+
+# Transparent background
+dv --transparent
+
+# Watch for changes
+dv --watch
+```
+
+## Features
+
+- **Interactive TUI** built with [`@opentuah/react`](https://github.com/opentuah/opentuah)
+- **Unified and split view** modes (auto-switches based on terminal width)
+- **Directory tree** sidebar for jumping between files
+- **Keyboard selection** and **clipboard copy** of diff text
+- **Syntax highlighting** via Tree-sitter parsers
+- **Themes** — switch at runtime
+- **Transparent background** mode
+- **Scrollback output** when stdout isn't a TTY
+- **Watch mode** for live diff updates
+- **Submodule support** — dirty submodules shown inline
+- **Untracked files** displayed via synthetic diffs
+
+## Keybindings
+
+| Key | Action |
+| --- | --- |
+| `↑` / `↓` or `k` / `j` | Move cursor |
+| `←` / `→` or `h` / `l` | Switch focus (tree / diff) |
+| `Enter` | Jump to file under cursor |
+| `Tab` | Toggle focus between tree and diff |
+| `u` | Toggle unified / split view |
+| `v` | Set selection anchor |
+| `y` | Copy selected diff content |
+| `t` | Cycle themes |
+| `T` | Toggle transparent background |
+| `c` | Change context lines |
+| `r` | Refresh diff |
+| `q` / `Esc` | Quit |
+
+## Development
+
+```bash
+# Install dependencies
+bun install
+
+# Run in development
+bun run cli
+
+# Watch mode
+bun run cli:watch
+
+# Build
+cd /Users/abelfubu/dev/diffview && bun run build
+
+# Run tests
+bun test
+```
+
+## Project Structure
+
+```
+.
+├── src/
+│   ├── cli.tsx              # CLI entrypoint
+│   ├── components/          # React/TUI components
+│   ├── diff-*.ts            # Diff parsing, cursor, copy utilities
+│   ├── themes.ts            # Theme definitions
+│   ├── store.ts             # Persistent state
+│   └── parsers/             # Tree-sitter syntax parsers
+├── docs/                    # ADRs and feature docs
+├── dist/                    # Compiled output
+└── package.json
+```
+
+## Docs
+
+- [`docs/adr-cursor-selection.md`](docs/adr-cursor-selection.md)
+- [`docs/transparent-background.md`](docs/transparent-background.md)
+- [`CONTEXT.md`](CONTEXT.md) — domain glossary
+
+## License
+
+MIT

package/dist/cli-copy-notification.test.js

@@ -43,7 +43,7 @@ describe("App copy notification", () => {
     });
     it("shows a transient success notification after copying selected lines", async () => {
         const parsedFiles = [createParsedFile("a.ts")];
-        testSetup = await testRender(_jsx(App, { parsedFiles: parsedFiles }), {
+        testSetup = await testRender(_jsx(App, { parsedFiles: parsedFiles, copyNotificationDuration: 100 }), {
             width: 120,
             height: 16,
         });
@@ -61,15 +61,19 @@ describe("App copy notification", () => {
             testSetup.mockInput.pressKey("j");
             await testSetup.renderOnce();
         });
+        testSetup.mockInput.pressKey("y");
+        // The toast registers a post-render callback from an effect, and on the
+        // single-threaded Linux test renderer the state update isn't flushed in
+        // time for the next renderOnce(). Yield briefly before rendering.
+        await new Promise((resolve) => setTimeout(resolve, 50));
         await act(async () => {
-            testSetup.mockInput.pressKey("y");
             await testSetup.renderOnce();
         });
         const frame = testSetup.captureCharFrame();
         expect(frame).toContain("Copied 2 lines");
         expect(frame).toContain("✓");
         // Wait for the auto-hide timeout to clear the notification.
-        await new Promise((resolve) => setTimeout(resolve, 2500));
+        await new Promise((resolve) => setTimeout(resolve, 150));
         await act(async () => {
             await testSetup.renderOnce();
         });

package/dist/cli.d.ts

@@ -4,6 +4,8 @@ import * as React from "react";
 import { type ParsedFile } from "./diff-utils.js";
 export interface AppProps {
     parsedFiles: ParsedFile[];
+    /** Duration (ms) the copy notification toast stays visible. Defaults to 2000. */
+    copyNotificationDuration?: number;
 }
-export declare function App({ parsedFiles }: AppProps): React.ReactNode;
+export declare function App({ parsedFiles, copyNotificationDuration }: AppProps): React.ReactNode;
 //# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.tsx"],"names":[],"mappings":";AAOA,OAAO,gCAAgC,CAAC;AAoBxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAoBN,KAAK,UAAU,EACf,MAAM,iBAAiB,CAAC;AAuIzB,MAAM,WAAW,QAAQ;IACxB,WAAW,EAAE,UAAU,EAAE,CAAC;CAC1B;AAKD,wBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAuzB9D"}
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.tsx"],"names":[],"mappings":";AAOA,OAAO,gCAAgC,CAAC;AAoBxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,EAoBN,KAAK,UAAU,EACf,MAAM,iBAAiB,CAAC;AAuIzB,MAAM,WAAW,QAAQ;IACxB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,iFAAiF;IACjF,wBAAwB,CAAC,EAAE,MAAM,CAAC;CAClC;AAKD,wBAAgB,GAAG,CAAC,EAAE,WAAW,EAAE,wBAA+B,EAAE,EAAE,QAAQ,GAAG,KAAK,CAAC,SAAS,CAuzB/F"}

package/dist/cli.js

@@ -110,7 +110,7 @@ class ScrollAcceleration {
 }
 const SIDEBAR_GAP = 2;
 const APP_HORIZONTAL_PADDING = 2;
-export function App({ parsedFiles }) {
+export function App({ parsedFiles, copyNotificationDuration = 2000 }) {
     const { width: initialWidth, height: initialHeight } = useTerminalDimensions();
     const [width, setWidth] = React.useState(initialWidth);
     const [_terminalHeight, setTerminalHeight] = React.useState(initialHeight);
@@ -231,7 +231,7 @@ export function App({ parsedFiles }) {
         copyNotificationTimeoutRef.current = setTimeout(() => {
             setCopyNotification(null);
             copyNotificationTimeoutRef.current = null;
-        }, 2000);
+        }, copyNotificationDuration);
         return () => {
             if (copyNotificationTimeoutRef.current) {
                 clearTimeout(copyNotificationTimeoutRef.current);

package/dist/components/diff-view.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { DiffRenderable } from "@opentuah/core";
+import { type DiffRenderable } from "@opentuah/core";
 export interface DiffViewRef {
     getDiffRenderable(): DiffRenderable | null;
 }

package/dist/components/diff-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-view.d.ts","sourceRoot":"","sources":["../../src/components/diff-view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAqB,MAAM,gBAAgB,CAAA;AAIlE,MAAM,WAAW,WAAW;IAC1B,iBAAiB,IAAI,cAAc,GAAG,IAAI,CAAA;CAC3C;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IACnC,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACjD,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAwDD,eAAO,MAAM,QAAQ,mFA4InB,CAAA"}
+{"version":3,"file":"diff-view.d.ts","sourceRoot":"","sources":["../../src/components/diff-view.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAqB,KAAK,cAAc,EAAmD,MAAM,gBAAgB,CAAA;AAIxH,MAAM,WAAW,WAAW;IAC1B,iBAAiB,IAAI,cAAc,GAAG,IAAI,CAAA;CAC3C;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,OAAO,GAAG,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;IACnC,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,+EAA+E;IAC/E,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACjD,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAuHD,eAAO,MAAM,QAAQ,mFAiKnB,CAAA"}

package/dist/components/diff-view.js

@@ -3,9 +3,55 @@ import { jsx as _jsx } from "@opentuah/react/jsx-runtime";
 // Wraps opentui's <diff> element with theme-aware colors and syntax styles.
 // Supports split and unified view modes with line numbers.
 import * as React from "react";
-import { DiffRenderable, RGBA, SyntaxStyle } from "@opentuah/core";
+import { RGBA, SyntaxStyle } from "@opentuah/core";
 import { getSyntaxTheme, getResolvedTheme, rgbaToHex } from "../themes.js";
 import { balanceDelimiters } from "../balance-delimiters.js";
+function getSideLineColorConfig(side, line) {
+    if (!side)
+        return null;
+    const { gutter, content } = side.getLineColors();
+    const g = gutter.get(line);
+    const c = content.get(line);
+    if (!g && !c)
+        return null;
+    const config = {};
+    if (g)
+        config.gutter = g;
+    if (c)
+        config.content = c;
+    return config;
+}
+function snapshotLineColors(diffRenderable, line) {
+    const { leftSide, rightSide } = diffRenderable;
+    return {
+        left: getSideLineColorConfig(leftSide, line),
+        right: getSideLineColorConfig(rightSide, line),
+    };
+}
+function isTransparent(color) {
+    if (!color)
+        return true;
+    if (typeof color === "string")
+        return color.toLowerCase() === "transparent" || color === "#00000000";
+    return color.a === 0;
+}
+function restoreSideLineColor(side, line, color) {
+    if (!side)
+        return;
+    const hasVisibleColor = color && ((color.gutter && !isTransparent(color.gutter)) ||
+        (color.content && !isTransparent(color.content)));
+    if (hasVisibleColor) {
+        side.setLineColor(line, color);
+    }
+    else {
+        side.clearLineColor(line);
+    }
+}
+function restoreLineColors(diffRenderable, line, base) {
+    const { leftSide, rightSide } = diffRenderable;
+    restoreSideLineColor(leftSide, line, base.left);
+    restoreSideLineColor(rightSide, line, base.right);
+}
 function getLuminance(color) {
     return color.r * 0.2126 + color.g * 0.7152 + color.b * 0.0722;
 }
@@ -83,36 +129,51 @@ export const DiffView = React.forwardRef(function DiffView({ diff, view, filetyp
     const activeSelectionColor = React.useMemo(() => {
         return selectionColor ?? "#264F78";
     }, [selectionColor]);
-    // Track previously-applied highlights so we can clear only our own overrides.
     const prevCursorRef = React.useRef(null);
     const prevSelectionRef = React.useRef(null);
+    // Reset highlight tracking when the underlying diff surface is rebuilt so
+    // we do not try to clear lines on a stale renderable.
+    React.useEffect(() => {
+        prevCursorRef.current = null;
+        prevSelectionRef.current = null;
+    }, [diff, view, themeName]);
     // Apply cursor line and selection highlights to the underlying DiffRenderable.
     React.useEffect(() => {
         const diffRenderable = diffRef.current;
         if (!diffRenderable)
             return;
-        // Clear previous cursor override.
+        // Restore previous cursor override.
         if (prevCursorRef.current) {
-            diffRenderable.clearLineColor(prevCursorRef.current.line);
+            restoreLineColors(diffRenderable, prevCursorRef.current.line, prevCursorRef.current.base);
         }
-        // Clear previous selection overrides.
+        // Restore previous selection overrides.
         if (prevSelectionRef.current) {
-            diffRenderable.clearHighlightLines(prevSelectionRef.current.start, prevSelectionRef.current.end);
+            const { start, end, base } = prevSelectionRef.current;
+            for (let line = start; line <= end; line++) {
+                restoreLineColors(diffRenderable, line, base.get(line) ?? { left: null, right: null });
+            }
         }
         prevCursorRef.current = null;
         prevSelectionRef.current = null;
         if (!focused)
             return;
+        // Snapshot the cursor line's base color before applying any override.
+        const cursorBase = snapshotLineColors(diffRenderable, cursorLine);
+        // Snapshot and apply selection range.
         if (selection) {
             const start = Math.min(selection.start, selection.end);
             const end = Math.max(selection.start, selection.end);
             if (end >= start) {
+                const selectionBase = new Map();
+                for (let line = start; line <= end; line++) {
+                    selectionBase.set(line, snapshotLineColors(diffRenderable, line));
+                }
                 diffRenderable.highlightLines(start, end, activeSelectionColor);
-                prevSelectionRef.current = { start, end, color: activeSelectionColor };
+                prevSelectionRef.current = { start, end, color: activeSelectionColor, base: selectionBase };
             }
         }
         diffRenderable.setLineColor(cursorLine, activeCursorColor);
-        prevCursorRef.current = { line: cursorLine, color: activeCursorColor };
+        prevCursorRef.current = { line: cursorLine, base: cursorBase };
     }, [focused, cursorLine, selection, activeCursorColor, activeSelectionColor]);
     return (_jsx("box", { style: { backgroundColor: colors.bgPanel }, children: _jsx("diff", { ref: diffRef, diff: balancedDiff, view: view, fg: colors.text, treeSitterClient: undefined, filetype: filetype, syntaxStyle: syntaxStyle, showLineNumbers: true, wrapMode: wrapMode, 
             // `addedBg`/`removedBg` are used by opentui as the base colors for word-level highlights.

package/dist/components/diff-view.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-view.test.d.ts","sourceRoot":"","sources":["../../src/components/diff-view.test.tsx"],"names":[],"mappings":"AASA,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAA;CAClD"}
+{"version":3,"file":"diff-view.test.d.ts","sourceRoot":"","sources":["../../src/components/diff-view.test.tsx"],"names":[],"mappings":"AAUA,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAA;CAClD"}

package/dist/components/diff-view.test.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "@opentuah/react/jsx-runtime";
 // Tests for DiffView theme reactivity when switching themes at runtime.
 import * as React from "react";
 import { afterEach, describe, expect, it } from "bun:test";
+import { act } from "react";
 import { testRender } from "@opentuah/react/test-utils";
 import { getDataPaths } from "@opentuah/core";
 import { DiffView } from "./diff-view.js";
@@ -186,6 +187,19 @@ describe("DiffView", () => {
         }
         useAppStore.setState({ themeName: "github" });
     });
+    it("uses transparent background for context lines when transparentBackground is enabled", async () => {
+        testSetup = await setupTest(_jsx(DiffView, { diff: sampleDiff, view: "unified", filetype: "txt", themeName: "github", transparentBackground: true }), {
+            width: 80,
+            height: 8,
+        });
+        await testSetup.renderOnce();
+        const frame = testSetup.captureSpans();
+        const contextLine = getLineWithToken(frame, "keep");
+        const contextSpan = contextLine.spans.find((span) => span.text === "keep");
+        expect(contextSpan).toBeDefined();
+        const bg = Array.from(contextSpan.bg.buffer);
+        expect(bg[3]).toBeCloseTo(0, 4);
+    });
     it("updates diff background colors after theme switch", async () => {
         useAppStore.setState({ themeName: "github" });
         testSetup = await setupTest(_jsx(ThemeToggleHarness, {}), {
@@ -293,6 +307,46 @@ describe("DiffView", () => {
             expect.closeTo(86 / 255, 4),
         ]);
     });
+    it("restores the diff background color when the cursor moves past a line", async () => {
+        let setCursorLine = () => { };
+        function CursorMoveHarness() {
+            const [line, setLine] = React.useState(2);
+            setCursorLine = setLine;
+            return (_jsx(DiffView, { diff: sampleDiff, view: "unified", filetype: "txt", themeName: "github", focused: true, cursorLine: line, cursorColor: "#123456" }));
+        }
+        testSetup = await setupTest(_jsx(CursorMoveHarness, {}), {
+            width: 80,
+            height: 8,
+        });
+        await testSetup.renderOnce();
+        // Capture the original context background before the cursor moves over it.
+        const frameBefore = testSetup.captureSpans();
+        const contextLineBefore = getLineWithToken(frameBefore, "keep");
+        expect(contextLineBefore).toBeDefined();
+        const contextBg = Array.from(contextLineBefore.spans[0].bg.buffer).slice(0, 3);
+        // Move the cursor from the added line to the context line.
+        globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+        act(() => setCursorLine(3));
+        globalThis.IS_REACT_ACT_ENVIRONMENT = false;
+        await testSetup.renderOnce();
+        const frameAfter = testSetup.captureSpans();
+        const addedLine = getLineWithToken(frameAfter, "new");
+        const removedLine = getLineWithToken(frameAfter, "old");
+        expect(addedLine).toBeDefined();
+        expect(removedLine).toBeDefined();
+        const addedSpan = addedLine.spans.find((span) => span.text === "new");
+        const removedSpan = removedLine.spans.find((span) => span.text === "old");
+        expect(addedSpan).toBeDefined();
+        expect(removedSpan).toBeDefined();
+        const addedBg = Array.from(addedSpan.bg.buffer).slice(0, 3);
+        const removedBg = Array.from(removedSpan.bg.buffer).slice(0, 3);
+        // After moving the cursor, the added and removed lines should show their
+        // original diff backgrounds, not the default context background.
+        expect(addedBg).not.toEqual(contextBg);
+        expect(removedBg).not.toEqual(contextBg);
+        // They should also be different from each other (added vs removed).
+        expect(addedBg).not.toEqual(removedBg);
+    });
     it("does not highlight a cursor line when not focused", async () => {
         testSetup = await setupTest(_jsx(DiffView, { diff: sampleDiff, view: "unified", filetype: "txt", themeName: "github", focused: false, cursorLine: 2, cursorColor: "#123456" }), {
             width: 80,

package/dist/components/toast.js

@@ -10,7 +10,7 @@ import {} from "../themes.js";
  */
 export function Toast({ message, type, title, theme, transparentBackground }) {
     const renderer = useRenderer();
-    React.useEffect(() => {
+    React.useLayoutEffect(() => {
         const borderColor = RGBA.fromHex(type === "success" ? "#2d8a47" : "#c53b53");
         const bgColor = transparentBackground ? RGBA.fromInts(0, 0, 0, 0) : theme.background;
         const fgColor = theme.text;

package/dist/themes/aura.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#0f0f0f",
+    "darkBgPanel": "#15141b",
+    "darkBorder": "#2d2d2d",
+    "darkFgMuted": "#6d6d6d",
+    "darkFg": "#edecee",
+    "purple": "#a277ff",
+    "pink": "#f694ff",
+    "blue": "#82e2ff",
+    "red": "#ff6767",
+    "orange": "#ffca85",
+    "cyan": "#61ffca",
+    "green": "#9dff65"
+  },
+  "theme": {
+    "primary": "purple",
+    "secondary": "pink",
+    "accent": "purple",
+    "error": "red",
+    "warning": "orange",
+    "success": "cyan",
+    "info": "purple",
+    "text": "darkFg",
+    "textMuted": "darkFgMuted",
+    "background": "darkBg",
+    "backgroundPanel": "darkBgPanel",
+    "backgroundElement": "darkBgPanel",
+    "border": "darkBorder",
+    "borderActive": "darkFgMuted",
+    "borderSubtle": "darkBorder",
+    "diffAdded": "cyan",
+    "diffRemoved": "red",
+    "diffContext": "darkFgMuted",
+    "diffHunkHeader": "darkFgMuted",
+    "diffHighlightAdded": "cyan",
+    "diffHighlightRemoved": "red",
+    "diffAddedBg": "#354933",
+    "diffRemovedBg": "#3f191a",
+    "diffContextBg": "darkBgPanel",
+    "diffLineNumber": "darkBorder",
+    "diffAddedLineNumberBg": "#162620",
+    "diffRemovedLineNumberBg": "#26161a",
+    "markdownText": "darkFg",
+    "markdownHeading": "purple",
+    "markdownLink": "pink",
+    "markdownLinkText": "purple",
+    "markdownCode": "cyan",
+    "markdownBlockQuote": "darkFgMuted",
+    "markdownEmph": "orange",
+    "markdownStrong": "purple",
+    "markdownHorizontalRule": "darkFgMuted",
+    "markdownListItem": "purple",
+    "markdownListEnumeration": "purple",
+    "markdownImage": "pink",
+    "markdownImageText": "purple",
+    "markdownCodeBlock": "darkFg",
+    "syntaxComment": "darkFgMuted",
+    "syntaxKeyword": "pink",
+    "syntaxFunction": "purple",
+    "syntaxVariable": "purple",
+    "syntaxString": "cyan",
+    "syntaxNumber": "green",
+    "syntaxType": "purple",
+    "syntaxOperator": "pink",
+    "syntaxPunctuation": "darkFg"
+  }
+}

package/dist/themes/ayu.json

@@ -0,0 +1,80 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#0B0E14",
+    "darkBgAlt": "#0D1017",
+    "darkLine": "#11151C",
+    "darkPanel": "#0F131A",
+    "darkFg": "#BFBDB6",
+    "darkFgMuted": "#565B66",
+    "darkGutter": "#6C7380",
+    "darkTag": "#39BAE6",
+    "darkFunc": "#FFB454",
+    "darkEntity": "#59C2FF",
+    "darkString": "#AAD94C",
+    "darkRegexp": "#95E6CB",
+    "darkMarkup": "#F07178",
+    "darkKeyword": "#FF8F40",
+    "darkSpecial": "#E6B673",
+    "darkComment": "#ACB6BF",
+    "darkConstant": "#D2A6FF",
+    "darkOperator": "#F29668",
+    "darkAdded": "#7FD962",
+    "darkRemoved": "#F26D78",
+    "darkAccent": "#E6B450",
+    "darkError": "#D95757",
+    "darkIndentActive": "#6C7380"
+  },
+  "theme": {
+    "primary": "darkEntity",
+    "secondary": "darkConstant",
+    "accent": "darkAccent",
+    "error": "darkError",
+    "warning": "darkSpecial",
+    "success": "darkAdded",
+    "info": "darkTag",
+    "text": "darkFg",
+    "textMuted": "darkFgMuted",
+    "background": "darkBg",
+    "backgroundPanel": "darkPanel",
+    "backgroundElement": "darkBgAlt",
+    "border": "darkGutter",
+    "borderActive": "darkIndentActive",
+    "borderSubtle": "darkLine",
+    "diffAdded": "darkAdded",
+    "diffRemoved": "darkRemoved",
+    "diffContext": "darkComment",
+    "diffHunkHeader": "darkComment",
+    "diffHighlightAdded": "darkString",
+    "diffHighlightRemoved": "darkMarkup",
+    "diffAddedBg": "#20303b",
+    "diffRemovedBg": "#37222c",
+    "diffContextBg": "darkPanel",
+    "diffLineNumber": "darkGutter",
+    "diffAddedLineNumberBg": "#1b2b34",
+    "diffRemovedLineNumberBg": "#2d1f26",
+    "markdownText": "darkFg",
+    "markdownHeading": "darkConstant",
+    "markdownLink": "darkEntity",
+    "markdownLinkText": "darkTag",
+    "markdownCode": "darkString",
+    "markdownBlockQuote": "darkSpecial",
+    "markdownEmph": "darkSpecial",
+    "markdownStrong": "darkFunc",
+    "markdownHorizontalRule": "darkFgMuted",
+    "markdownListItem": "darkEntity",
+    "markdownListEnumeration": "darkTag",
+    "markdownImage": "darkEntity",
+    "markdownImageText": "darkTag",
+    "markdownCodeBlock": "darkFg",
+    "syntaxComment": "darkComment",
+    "syntaxKeyword": "darkKeyword",
+    "syntaxFunction": "darkFunc",
+    "syntaxVariable": "darkEntity",
+    "syntaxString": "darkString",
+    "syntaxNumber": "darkConstant",
+    "syntaxType": "darkSpecial",
+    "syntaxOperator": "darkOperator",
+    "syntaxPunctuation": "darkFg"
+  }
+}