Skip to content

code/editor/pierre-theme

import { … } from 'zidane-ui/code/editor'ui/src/code/editor/pierre-theme.ts

Constants#

DIFFS_HOST_STYLEConstant#

Host-level variables for <diffs-container> (PatchDiff / File / FileDiff).

TypeScript
const DIFFS_HOST_STYLE: CSSProperties & Record<`--${string}`, string>

ui/src/code/editor/pierre-theme.ts:14

DIFFS_UNSAFE_CSSConstant#

Structural restyle inside the diffs shadow root: compact header, our border colour, edge-bar hover, selection, gutter button, and the link, find and reveal styles other modules rely on.

TypeScript
const DIFFS_UNSAFE_CSS = ...

ui/src/code/editor/pierre-theme.ts:58

PREFERRED_HIGHLIGHTERConstant#

@pierre/highlights for every pierre view and the worker pool: hand-written WebAssembly lexers, no regex grammars to backtrack for seconds on a line, and the same lexers the code blocks use (code/highlights.ts).

TypeScript
const PREFERRED_HIGHLIGHTER = ...

ui/src/code/editor/pierre-theme.ts:45

TREES_HOST_STYLEConstant#

Host-level variables for <file-tree-container>.

TypeScript
const TREES_HOST_STYLE: CSSProperties & Record<`--${string}`, string>

ui/src/code/editor/pierre-theme.ts:124

TREES_UNSAFE_CSSConstant#

Structural restyle inside the file tree's shadow root: rounded rows, no fill behind truncation markers.

TypeScript
const TREES_UNSAFE_CSS = ...

ui/src/code/editor/pierre-theme.ts:151

VIRTUALIZER_CONFIGConstant#

What a pierre Virtualizer renders beyond the viewport. Its defaults (1000px rendered, 4000px observed) mount several screens of lines at once; this still covers a fast scroll.

TypeScript
const VIRTUALIZER_CONFIG: { intersectionObserverMargin: number; overscrollSize: number }

ui/src/code/editor/pierre-theme.ts:52