@parallelworks/ui 0.53.0 → 0.55.0

package/dist/editor/themes.d.ts

@@ -1,5 +1,10 @@
 import type * as monaco from 'monaco-editor';
+import { type Mode } from '../theme/index.js';
 export declare function expandShorthandHex(color: string): string;
+/** The arm of a `light-dark()` value for a mode, or the value itself. A token the host leaves to
+ *  theme.css reads as `light-dark(light, dark)`, which CSS resolves by the color-scheme of where it
+ *  is used; Monaco takes one color per theme, so each theme takes its own mode's arm. */
+export declare function forMode(value: string, mode: Mode): string;
 /**
  * Defines the light and dark Monaco themes from the document's tokens. Call it again after the
  * host applies other tokens; it returns whether anything changed.

package/dist/editor/themes.js

@@ -6,11 +6,26 @@ function expandShorthandHex(color) {
 	return /^#([0-9a-fA-F]{3,4})$/.test(color) ? "#" + color.slice(1).split("").map((c) => c + c).join("") : color;
 }
 var fallbacks = {};
+/** The arm of a `light-dark()` value for a mode, or the value itself. A token the host leaves to
+*  theme.css reads as `light-dark(light, dark)`, which CSS resolves by the color-scheme of where it
+*  is used; Monaco takes one color per theme, so each theme takes its own mode's arm. */
+function forMode(value, mode) {
+	const inner = /^light-dark\((.*)\)$/s.exec(value.trim())?.[1];
+	if (inner === void 0) return value;
+	let depth = 0;
+	for (let i = 0; i < inner.length; i++) {
+		const ch = inner[i];
+		if (ch === "(") depth++;
+		else if (ch === ")") depth--;
+		else if (ch === "," && depth === 0) return (mode === "light" ? inner.slice(0, i) : inner.slice(i + 1)).trim();
+	}
+	return value;
+}
 /** A token as Monaco takes it: a 6-digit hex. Monaco can't read display-p3, so
 *  a wide-gamut value is mapped back into sRGB; the default theme fills in for
 *  a host that sets no tokens. */
 function token(style, name, mode) {
-	const color = parseColor(expandShorthandHex(style?.getPropertyValue(name).trim() ?? ""));
+	const color = parseColor(expandShorthandHex(forMode(style?.getPropertyValue(name) ?? "", mode).trim()));
 	if (color) return toHex(color);
 	fallbacks[mode] ??= deriveTheme(schemeFor(DEFAULT_THEME, mode));
 	return fallbacks[mode][name];
@@ -51,7 +66,7 @@ function editorTheme(style, mode) {
 			"editor.background": c("--theme-panel-bg"),
 			"editor.border": c("--theme-border"),
 			"editorCursor.foreground": c("--theme-app"),
-			"editor.lineHighlightBackground": c("--theme-hover"),
+			"editor.lineHighlightBackground": c(mode === "dark" ? "--theme-panel-hover" : "--theme-hover"),
 			"editorLineNumber.foreground": c("--theme-placeholder"),
 			"editorLineNumber.activeForeground": c("--theme-muted-text-color"),
 			...mode === "dark" ? {
@@ -120,4 +135,4 @@ function getThemeName(isDark) {
 	return `app-${isDark ? "dark" : "light"}`;
 }
 //#endregion
-export { defineEditorThemes, expandShorthandHex, followThemeTokens, getThemeName };
+export { defineEditorThemes, expandShorthandHex, followThemeTokens, forMode, getThemeName };

package/dist/file-explorer/FileExplorer.js

@@ -37,7 +37,7 @@ import { FilePreviewInline } from "./FilePreview/Inline.js";
 import { UserRow } from "./FileRow.js";
 import { FileTableHeaders } from "./FileTableHeaders.js";
 import { FileTable } from "./FileTable.js";
-import { advanceListing, beginLoadingMore, canAutoLoadMore, clearListingError, clearListingsUnder, hasMore, incompletePaths, isListed, isLoadingMore, loadMoreError, nextHydrationStep, recordListingError, replaceListing } from "./lib/paging.js";
+import { advanceListing, beginLoadingMore, canAutoLoadMore, clearListingError, clearListingsUnder, hasMore, incompletePaths, isListed, isLoadingMore, loadMoreError, nextHydrationStep, recordListingError, replaceListing, retainListings } from "./lib/paging.js";
 import { TreeView } from "./TreeView.js";
 import { Menu } from "@base-ui/react/menu";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -949,6 +949,7 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 	const handleRefresh = async (opts) => {
 		const dirs = [...expandedPaths].map((path) => treeMap[path]).filter((node) => !!node && node.type === "directory" && !!node.storageId);
 		if (selectedNode?.type === "directory" && selectedNode.storageId && !dirs.some((dir) => dir.path === selectedNode.path)) dirs.push(selectedNode);
+		setListings((prev) => retainListings(prev, new Set(dirs.map((dir) => dir.path))));
 		if (dirs.length > 0) return { corsError: (await Promise.all(dirs.map((dir) => fetchNodeChildren(dir, {
 			replace: true,
 			silent: opts?.silent

package/dist/file-explorer/lib/paging.d.ts

@@ -47,6 +47,7 @@ export declare function recordListingError(listings: TListings, path: string, er
 /** Keeps the cursor and pages, so a retry resumes paging instead of starting over. */
 export declare function clearListingError(listings: TListings, path: string): TListings;
 export declare function clearListingsUnder(listings: TListings, path: string): TListings;
+export declare function retainListings(listings: TListings, paths: ReadonlySet<string>): TListings;
 /** Tree paths whose children should keep arrival order, since sorting them would
  *  reshuffle rows under the user mid-scroll. */
 export declare function incompletePaths(listings: TListings): Set<string>;

package/dist/file-explorer/lib/paging.js

@@ -83,6 +83,10 @@ function clearListingsUnder(listings, path) {
 	for (const key of listings.keys()) if (key === path || key.startsWith(prefix)) next.delete(key);
 	return next;
 }
+function retainListings(listings, paths) {
+	if ([...listings.keys()].every((path) => paths.has(path))) return listings;
+	return new Map([...listings].filter(([path]) => paths.has(path)));
+}
 /** Tree paths whose children should keep arrival order, since sorting them would
 *  reshuffle rows under the user mid-scroll. */
 function incompletePaths(listings) {
@@ -121,4 +125,4 @@ function nextHydrationStep({ targetResolved, ancestors, isListableDir, listings,
 	};
 }
 //#endregion
-export { LIST_PAGE_SIZE, advanceListing, beginLoadingMore, canAutoLoadMore, clearListingError, clearListingsUnder, hasMore, incompletePaths, isListed, isLoadingMore, loadMoreError, nextHydrationStep, recordListingError, replaceListing };
+export { LIST_PAGE_SIZE, advanceListing, beginLoadingMore, canAutoLoadMore, clearListingError, clearListingsUnder, hasMore, incompletePaths, isListed, isLoadingMore, loadMoreError, nextHydrationStep, recordListingError, replaceListing, retainListings };

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export { Disclosure, DisclosurePanel, type DisclosureProps } from './components/
 export { Drawer, type DrawerProps } from './components/Drawer.js';
 export { EmptyState, type EmptyStateProps } from './components/EmptyState.js';
 export { ExternalLink, type ExternalLinkProps } from './components/ExternalLink.js';
-export { ErrorText, Field, type FieldControlProps, type FieldLayout, FieldOption, type FieldProps, FieldValue, type FieldValueProps, RevealToggle, useFieldControl, } from './components/Field.js';
+export { ErrorText, Field, type FieldControlProps, type FieldLayout, FieldOption, type FieldProps, FieldValue, type FieldValueProps, RevealToggle, useFieldControl, useFieldLabelledControl, } from './components/Field.js';
 export { type FieldBoxOptions, type FieldBoxSize, fieldBox } from './components/fieldBox.js';
 export type { FloatingAnchor } from './components/floating.js';
 export { HoverCard, type HoverCardProps } from './components/HoverCard.js';

package/dist/index.js

@@ -28,7 +28,7 @@ import { ExternalLink } from "./components/ExternalLink.js";
 import { Popover, PopoverClose, useClosePopover } from "./components/Popover.js";
 import { InfoTip, formatInfoTipContent } from "./components/InfoTip.js";
 import { RequiredMark } from "./components/RequiredMark.js";
-import { ErrorText, Field, FieldOption, FieldValue, RevealToggle, useFieldControl } from "./components/Field.js";
+import { ErrorText, Field, FieldOption, FieldValue, RevealToggle, useFieldControl, useFieldLabelledControl } from "./components/Field.js";
 import { Input, Textarea } from "./components/Input.js";
 import { ColorInput } from "./components/ColorInput.js";
 import { Autocomplete, Combobox } from "./components/Combobox.js";
@@ -72,4 +72,4 @@ import { ThemeEditor, ThemePreview } from "./components/ThemeEditor.js";
 import { ToggleGroup } from "./components/ToggleGroup.js";
 import { useCssIsDark } from "./components/useCssIsDark.js";
 import { useApplyTheme, useColorMode } from "./components/useTheme.js";
-export { ActionMenu, AppLink, Autocomplete, Avatar, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, CopyButton, CopyCodeBlock, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorText, ExternalLink, Field, FieldOption, FieldValue, HoverCard, IconButton, InfoTip, Input, JND, LetterBadge, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, OneTimeCodeInput, Overview, PAGE_SIZES, PageHeader, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, StatusBadge, StatusDot, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Textarea, ThemeEditor, ThemePreview, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, avatarInitials, buttonClasses, composite, contrastRatio, cx, deltaE, deriveTheme, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatTimeLeft, generateTheme, isDarkColor, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };
+export { ActionMenu, AppLink, Autocomplete, Avatar, Button, CODE_STYLES, Callout, Card, CardHeader, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, CopyButton, CopyCodeBlock, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorText, ExternalLink, Field, FieldOption, FieldValue, HoverCard, IconButton, InfoTip, Input, JND, LetterBadge, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, OneTimeCodeInput, Overview, PAGE_SIZES, PageHeader, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, StatusBadge, StatusDot, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Textarea, ThemeEditor, ThemePreview, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, avatarInitials, buttonClasses, composite, contrastRatio, cx, deltaE, deriveTheme, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatTimeLeft, generateTheme, isDarkColor, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, statusTextClass, themeStylesheet, toHex, toP3, toast, useApplyTheme, useClock, useClosePopover, useColorMode, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useFieldLabelledControl, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRelativeTime, useRunFile, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };

package/dist/styles/theme.css

@@ -1,8 +1,9 @@
 /* The theme contract: `theme-*` utilities over the `--theme-*` tokens, which
  * src/theme generates from a scheme of three choices (base, accent, contrast).
  * Hosts set the tokens at runtime with applyTheme; the defaults below are the
- * default theme's light scheme, for standalone use, with display-p3 values for
- * wide-gamut screens.
+ * default theme's light and dark schemes, for standalone use and for any token
+ * a host leaves unset, with display-p3 values for wide-gamut screens. Each pairs
+ * its modes with light-dark(), so it follows the CSS color-scheme a host sets.
  *
  * Sidebar tokens (--theme-sidebar-*) are part of the contract but have no
  * defaults here: hosts supply per-site fallbacks at the use sites, and a global
@@ -10,75 +11,94 @@
 
 /* generated:start (src/theme/derive.test.ts checks this; UPDATE_THEME_CSS=1 rewrites it) */
 :root {
-  --theme-app-bg: #f3f4f6;
-  --theme-panel-bg: #fcfeff;
-  --theme-panel-hover: #f2f5f9;
-  --theme-muted-panel-bg: #e7eaee;
-  --theme-hover: #e3e5e9;
-  --theme-input-bg: #fafcfe;
-  --theme-input-disabled-bg: #ebeef1;
-  --theme-app: #0a101b;
-  --theme-muted-text-color: #4e5664;
-  --theme-placeholder: #7e8796;
-  --theme-link: #06354f;
-  --theme-border: #cacdd0;
-  --theme-border-strong: #a3a6a9;
-  --theme-accent: #06354f;
-  --theme-accent-text: #ffffff;
-  --theme-accent-hover: #002841;
-  --theme-accent-subtle: #d3ebfc;
-  --theme-focus: #06354f;
-  --theme-focus-ring: rgba(6, 53, 79, 0.25);
-  --theme-success: #00973d;
-  --theme-success-text: #006226;
+  --theme-app-bg: light-dark(#f3f4f6, #111418);
+  --theme-panel-bg: light-dark(#fcfeff, #151c25);
+  --theme-panel-hover: light-dark(#f2f5f9, #1e262e);
+  --theme-muted-panel-bg: light-dark(#e7eaee, #1c242c);
+  --theme-hover: light-dark(#e3e5e9, #323a43);
+  --theme-input-bg: light-dark(#fafcfe, #182028);
+  --theme-input-disabled-bg: light-dark(#ebeef1, #131a22);
+  --theme-app: light-dark(#0a101b, #e9f1fa);
+  --theme-muted-text-color: light-dark(#4e5664, #c8d1d9);
+  --theme-placeholder: light-dark(#7e8796, #9da5ad);
+  --theme-link: light-dark(#06354f, #9dd7ff);
+  --theme-border: light-dark(#cacdd0, #30363d);
+  --theme-border-strong: light-dark(#a3a6a9, #4f565d);
+  --theme-accent: light-dark(#06354f, #5b9ccf);
+  --theme-accent-text: light-dark(#ffffff, #000000);
+  --theme-accent-hover: light-dark(#002841, #6aace0);
+  --theme-accent-subtle: light-dark(#d3ebfc, #0f2638);
+  --theme-focus: light-dark(#06354f, #5b9ccf);
+  --theme-focus-ring: light-dark(rgba(6, 53, 79, 0.25), rgba(91, 156, 207, 0.35));
+  --theme-success: light-dark(#00973d, #00bf54);
+  --theme-success-text: light-dark(#006226, #6be88c);
   --theme-success-solid: #00873c;
-  --theme-success-muted: rgba(0, 151, 61, 0.1);
-  --theme-error: #ea4841;
-  --theme-error-text: #a11a1b;
+  --theme-success-muted: light-dark(rgba(0, 151, 61, 0.1), rgba(0, 191, 84, 0.15));
+  --theme-error: light-dark(#ea4841, #ff6056);
+  --theme-error-text: light-dark(#a11a1b, #ffc1b8);
   --theme-error-solid: #db3934;
-  --theme-error-muted: rgba(234, 72, 65, 0.1);
-  --theme-warning: #bd7100;
-  --theme-warning-text: #7b4a00;
+  --theme-error-muted: light-dark(rgba(234, 72, 65, 0.1), rgba(255, 96, 86, 0.15));
+  --theme-warning: light-dark(#bd7100, #dd8900);
+  --theme-warning-text: light-dark(#7b4a00, #ffc672);
   --theme-warning-solid: #a76900;
-  --theme-warning-muted: rgba(189, 113, 0, 0.1);
-  --theme-info: #0681f8;
-  --theme-info-text: #0050af;
-  --theme-info-solid: #0073e8;
-  --theme-info-muted: rgba(6, 129, 248, 0.1);
-  --theme-favorite: #e7457a;
-  --theme-favorite-text: #9e174b;
+  --theme-warning-muted: light-dark(rgba(189, 113, 0, 0.1), rgba(221, 137, 0, 0.15));
+  --theme-info: light-dark(#0681f8, #499fff);
+  --theme-info-text: light-dark(#0050af, #abd4ff);
+  --theme-info-solid: light-dark(#0073e8, #0073e9);
+  --theme-info-muted: light-dark(rgba(6, 129, 248, 0.1), rgba(73, 159, 255, 0.15));
+  --theme-favorite: light-dark(#e7457a, #fe5c8e);
+  --theme-favorite-text: light-dark(#9e174b, #ffbecd);
   --theme-favorite-solid: #d7366e;
-  --theme-favorite-muted: rgba(231, 69, 122, 0.1);
-  --theme-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.07);
-  --theme-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.07);
-  --theme-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -4px rgba(0, 0, 0, 0.07);
-  --theme-shadow-xl: 0 25px 80px -20px rgba(0, 0, 0, 0.2), 0 10px 30px -10px rgba(0, 0, 0, 0.1);
-  --theme-code-bg: #e7eaee;
-  --theme-code-text: #1c2330;
-  --theme-code-comment: #555d6c;
-  --theme-code-keyword: #36617d;
-  --theme-code-string: #196a24;
-  --theme-code-number: #944500;
-  --theme-code-function: #6c4b9e;
-  --theme-code-type: #006565;
-  --theme-code-property: #5a51a5;
-  --theme-ansi-black: #1c2330;
-  --theme-ansi-red: #a3322d;
-  --theme-ansi-green: #006a12;
-  --theme-ansi-yellow: #755800;
-  --theme-ansi-blue: #0b5aae;
-  --theme-ansi-magenta: #8d3a88;
-  --theme-ansi-cyan: #00666c;
-  --theme-ansi-white: #555d6c;
+  --theme-favorite-muted: light-dark(rgba(231, 69, 122, 0.1), rgba(254, 92, 142, 0.15));
+  --theme-shadow-sm: 0 1px 2px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.35));
+  --theme-shadow:
+    0 4px 6px -1px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.35)),
+    0 2px 4px -2px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.35));
+  --theme-shadow-lg:
+    0 10px 15px -3px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.35)),
+    0 4px 6px -4px light-dark(rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.35));
+  --theme-shadow-xl:
+    0 25px 80px -20px light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)),
+    0 10px 30px -10px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
+  --theme-code-bg: light-dark(#e7eaee, #1c242c);
+  --theme-code-text: light-dark(#1c2330, #e1e9f2);
+  --theme-code-comment: light-dark(#555d6c, #c0c8d1);
+  --theme-code-keyword: light-dark(#36617d, #8cceff);
+  --theme-code-string: light-dark(#196a24, #8bd98d);
+  --theme-code-number: light-dark(#944500, #ffb882);
+  --theme-code-function: light-dark(#6c4b9e, #d3bcff);
+  --theme-code-type: light-dark(#006565, #31dbdb);
+  --theme-code-property: light-dark(#5a51a5, #31dbdb);
+  --theme-ansi-black: light-dark(#1c2330, #c0c8d1);
+  --theme-ansi-red: light-dark(#a3322d, #ffb5ab);
+  --theme-ansi-green: light-dark(#006a12, #7fdb83);
+  --theme-ansi-yellow: light-dark(#755800, #edc23e);
+  --theme-ansi-blue: light-dark(#0b5aae, #9ecbff);
+  --theme-ansi-magenta: light-dark(#8d3a88, #ffaafe);
+  --theme-ansi-cyan: light-dark(#00666c, #00dbe5);
+  --theme-ansi-white: light-dark(#555d6c, #e1e9f2);
 }
 
 @media (color-gamut: p3) {
   :root {
-    --theme-success: color(display-p3 0.1559 0.5942 0.2459);
+    --theme-success: light-dark(color(display-p3 0.1559 0.5942 0.2459), #00bf54);
     --theme-success-solid: color(display-p3 0.0738 0.5422 0.1959);
-    --theme-success-muted: color(display-p3 0.1559 0.5942 0.2459 / 0.1);
-    --theme-warning-solid: color(display-p3 0.6474 0.4089 0);
-    --theme-ansi-cyan: color(display-p3 0 0.4024 0.4329);
+    --theme-success-muted: light-dark(
+      color(display-p3 0.1559 0.5942 0.2459 / 0.1),
+      rgba(0, 191, 84, 0.15)
+    );
+    --theme-warning: light-dark(#bd7100, color(display-p3 0.8343 0.5429 0));
+    --theme-warning-solid: light-dark(
+      color(display-p3 0.6474 0.4089 0),
+      color(display-p3 0.6478 0.4092 0)
+    );
+    --theme-warning-muted: light-dark(
+      rgba(189, 113, 0, 0.1),
+      color(display-p3 0.8343 0.5429 0 / 0.15)
+    );
+    --theme-code-number: light-dark(#944500, color(display-p3 1 0.7209 0.5024));
+    --theme-ansi-red: light-dark(#a3322d, color(display-p3 1 0.7032 0.6565));
+    --theme-ansi-cyan: light-dark(color(display-p3 0 0.4024 0.4329), #00dbe5);
   }
 }
 /* generated:end */