@abelfubu/dv 1.0.0 → 1.0.1

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/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"
+  }
+}

package/dist/themes/catppuccin-frappe.json

@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "frappeRosewater": "#f2d5cf",
+    "frappeFlamingo": "#eebebe",
+    "frappePink": "#f4b8e4",
+    "frappeMauve": "#ca9ee6",
+    "frappeRed": "#e78284",
+    "frappeMaroon": "#ea999c",
+    "frappePeach": "#ef9f76",
+    "frappeYellow": "#e5c890",
+    "frappeGreen": "#a6d189",
+    "frappeTeal": "#81c8be",
+    "frappeSky": "#99d1db",
+    "frappeSapphire": "#85c1dc",
+    "frappeBlue": "#8da4e2",
+    "frappeLavender": "#babbf1",
+    "frappeText": "#c6d0f5",
+    "frappeSubtext1": "#b5bfe2",
+    "frappeSubtext0": "#a5adce",
+    "frappeOverlay2": "#949cb8",
+    "frappeOverlay1": "#838ba7",
+    "frappeOverlay0": "#737994",
+    "frappeSurface2": "#626880",
+    "frappeSurface1": "#51576d",
+    "frappeSurface0": "#414559",
+    "frappeBase": "#303446",
+    "frappeMantle": "#292c3c",
+    "frappeCrust": "#232634"
+  },
+  "theme": {
+    "primary": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "secondary": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "accent": {
+      "dark": "frappePink",
+      "light": "frappePink"
+    },
+    "error": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "warning": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "success": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "info": {
+      "dark": "frappeTeal",
+      "light": "frappeTeal"
+    },
+    "text": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "textMuted": {
+      "dark": "frappeSubtext1",
+      "light": "frappeSubtext1"
+    },
+    "background": {
+      "dark": "frappeBase",
+      "light": "frappeBase"
+    },
+    "backgroundPanel": {
+      "dark": "frappeMantle",
+      "light": "frappeMantle"
+    },
+    "backgroundElement": {
+      "dark": "frappeCrust",
+      "light": "frappeCrust"
+    },
+    "border": {
+      "dark": "frappeSurface0",
+      "light": "frappeSurface0"
+    },
+    "borderActive": {
+      "dark": "frappeSurface1",
+      "light": "frappeSurface1"
+    },
+    "borderSubtle": {
+      "dark": "frappeSurface2",
+      "light": "frappeSurface2"
+    },
+    "diffAdded": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "diffRemoved": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "diffContext": {
+      "dark": "frappeOverlay2",
+      "light": "frappeOverlay2"
+    },
+    "diffHunkHeader": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "diffHighlightAdded": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "diffAddedBg": {
+      "dark": "#29342b",
+      "light": "#29342b"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a2a31",
+      "light": "#3a2a31"
+    },
+    "diffContextBg": {
+      "dark": "frappeMantle",
+      "light": "frappeMantle"
+    },
+    "diffLineNumber": {
+      "dark": "frappeSurface1",
+      "light": "frappeSurface1"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#223025",
+      "light": "#223025"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2f242b",
+      "light": "#2f242b"
+    },
+    "markdownText": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "markdownHeading": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "markdownLink": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownLinkText": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownCode": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "markdownEmph": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "markdownStrong": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "markdownHorizontalRule": {
+      "dark": "frappeSubtext0",
+      "light": "frappeSubtext0"
+    },
+    "markdownListItem": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownImage": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownImageText": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownCodeBlock": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "syntaxComment": {
+      "dark": "frappeOverlay2",
+      "light": "frappeOverlay2"
+    },
+    "syntaxKeyword": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "syntaxFunction": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "syntaxVariable": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "syntaxString": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "syntaxNumber": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "syntaxType": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "syntaxOperator": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "syntaxPunctuation": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    }
+  }
+}