diff --git a/.prettierignore b/.prettierignore index 29e0f4ddaf..b6efc18033 100644 --- a/.prettierignore +++ b/.prettierignore @@ -12,4 +12,7 @@ pnpm-lock.yaml /storybook-static/ # Golden snapshots are written verbatim; prettier would drift them out of sync. -**/__golden__/ \ No newline at end of file +**/__golden__/ + +# Generated VS Code theme dump; minified single line by design. +.storybook/themes/generated/themes.json \ No newline at end of file diff --git a/.storybook/README.md b/.storybook/README.md new file mode 100644 index 0000000000..85e27fff48 --- /dev/null +++ b/.storybook/README.md @@ -0,0 +1,25 @@ +# Storybook + +Stories render inside an environment that mirrors a real VS Code webview. + +## Themes + +`themes/generated/themes.json` holds the exact `--vscode-*` variables a real +VS Code instance injects per built-in theme, and `default-styles.css` is the +stylesheet VS Code injects into every webview. `preview.ts` applies both, plus +the `data-vscode-theme-kind` body attribute. + +To refresh the snapshots after a VS Code release, bump `VSCODE_VERSION` in +`themes/sync.mjs` and run: + +```sh +xvfb-run -a pnpm sync:vscode-themes +``` + +The script launches the pinned VS Code via `@vscode/test-electron`, cycles +the four built-in themes, and dumps what each webview receives. + +## Fonts + +VS Code uses the host OS font, so the dumped `--vscode-font-family` resolves +per machine; rendering inside actual VS Code is always exact. diff --git a/.storybook/global.css b/.storybook/global.css index 0ca6719f3b..b7b3f5ba3d 100644 --- a/.storybook/global.css +++ b/.storybook/global.css @@ -1,108 +1,20 @@ -html { +/* Storybook stand-ins for what the VS Code host provides outside the + webview document: the sidebar surface color and viewport sizing. + Typography and text color come from themes/generated/default-styles.css. */ + +html, +#storybook-preview-wrapper { background: var(--vscode-sideBar-background); } body { - margin: 0; + /* Real webviews pad the body 0 20px; stories frame themselves. */ padding: 0; overflow: hidden; } -#storybook-preview-wrapper { - background-color: var(--vscode-sideBar-background); -} - #root { - overscroll-behavior-x: none; - background-color: var(--vscode-sideBar-background); - color: var(--vscode-editor-foreground); - font-family: var(--vscode-font-family); - font-weight: var(--vscode-font-weight); - font-size: var(--vscode-font-size); - margin: 0; max-width: 100%; /* arbitrary size choice for the rough VSCode sidebar size */ width: 300px; } - -img, -video { - max-width: 100%; - max-height: 100%; -} - -a, -a code { - color: var(--vscode-textLink-foreground); -} - -p > a { - text-decoration: var(--text-link-decoration); -} - -a:hover { - color: var(--vscode-textLink-activeForeground); -} - -a:focus, -input:focus, -select:focus, -textarea:focus { - outline: 1px solid -webkit-focus-ring-color; - outline-offset: -1px; -} - -code { - font-family: var(--monaco-monospace-font); - color: var(--vscode-textPreformat-foreground); - background-color: var(--vscode-textPreformat-background); - padding: 1px 3px; - border-radius: 4px; -} - -pre code { - padding: 0; -} - -blockquote { - background: var(--vscode-textBlockQuote-background); - border-color: var(--vscode-textBlockQuote-border); -} - -kbd { - background-color: var(--vscode-keybindingLabel-background); - color: var(--vscode-keybindingLabel-foreground); - border-style: solid; - border-width: 1px; - border-radius: 3px; - border-color: var(--vscode-keybindingLabel-border); - border-bottom-color: var(--vscode-keybindingLabel-bottomBorder); - box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow); - vertical-align: middle; - padding: 1px 3px; -} - -::-webkit-scrollbar { - width: 10px; - height: 10px; -} - -::-webkit-scrollbar-corner { - background-color: var(--vscode-editor-background); -} - -::-webkit-scrollbar-thumb { - background-color: var(--vscode-scrollbarSlider-background); -} -::-webkit-scrollbar-thumb:hover { - background-color: var(--vscode-scrollbarSlider-hoverBackground); -} -::-webkit-scrollbar-thumb:active { - background-color: var(--vscode-scrollbarSlider-activeBackground); -} -::highlight(find-highlight) { - background-color: var(--vscode-editor-findMatchHighlightBackground); -} -::highlight(current-find-highlight) { - background-color: var(--vscode-editor-findMatchBackground); -} diff --git a/.storybook/playground-themes.d.ts b/.storybook/playground-themes.d.ts deleted file mode 100644 index a6d061ac37..0000000000 --- a/.storybook/playground-themes.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -// The playground publishes untyped ESM theme modules (JSDoc only). -declare module "@vscode-elements/webview-playground/dist/themes/*.js" { - export const theme: Array<[string, string]>; -} diff --git a/.storybook/preview.ts b/.storybook/preview.ts index 1b7b7b57b8..7f64be8aa6 100644 --- a/.storybook/preview.ts +++ b/.storybook/preview.ts @@ -1,13 +1,11 @@ /// import codiconCssUrl from "@vscode/codicons/dist/codicon.css?url"; -import { theme as darkTheme } from "@vscode-elements/webview-playground/dist/themes/dark-v2.js"; -import { theme as hcDarkTheme } from "@vscode-elements/webview-playground/dist/themes/hc-dark.js"; -import { theme as hcLightTheme } from "@vscode-elements/webview-playground/dist/themes/hc-light.js"; -import { theme as lightTheme } from "@vscode-elements/webview-playground/dist/themes/light-v2.js"; import { createElement, useEffect } from "react"; import "./global.css"; +import "./themes/generated/default-styles.css"; +import themeDumps from "./themes/generated/themes.json"; import type { Preview } from "@storybook/react-vite"; import type { WebviewApi } from "vscode-webview"; @@ -44,22 +42,21 @@ if ( document.head.appendChild(link); } -// VS Code injects --vscode-font-family at runtime, but the upstream -// vscode-elements theme data omits it. Set a static default so -// Storybook (and Chromatic) renders with a predictable sans-serif -// stack instead of falling back to the browser default (Times). -const VSCODE_FONT_FAMILY = - '"Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif'; - -const THEMES: Record< - string, - { variables: Array<[string, string]>; kind: string } +/** + * Theme variable dumps captured from a real VS Code instance. + * Regenerate with `pnpm sync:vscode-themes`. + */ +const THEMES: Readonly< + Record > = { - light: { variables: lightTheme, kind: "vscode-light" }, - dark: { variables: darkTheme, kind: "vscode-dark" }, - "high-contrast": { variables: hcDarkTheme, kind: "vscode-high-contrast" }, + light: { variables: themeDumps.themes.light, kind: "vscode-light" }, + dark: { variables: themeDumps.themes.dark, kind: "vscode-dark" }, + "high-contrast": { + variables: themeDumps.themes["high-contrast"], + kind: "vscode-high-contrast", + }, "high-contrast-light": { - variables: hcLightTheme, + variables: themeDumps.themes["high-contrast-light"], kind: "vscode-high-contrast-light", }, }; @@ -100,7 +97,6 @@ const preview: Preview = { useEffect(() => { const root = document.documentElement.style; - root.setProperty("--vscode-font-family", VSCODE_FONT_FAMILY); // Mirror VS Code's body attribute so theme-aware hooks work in Storybook. document.body.setAttribute("data-vscode-theme-kind", kind); @@ -115,7 +111,6 @@ const preview: Preview = { variables.forEach(([property]) => { root.removeProperty(property); }); - root.removeProperty("--vscode-font-family"); document.body.removeAttribute("data-vscode-theme-kind"); }; }, [variables, kind]); diff --git a/.storybook/themes/generated/default-styles.css b/.storybook/themes/generated/default-styles.css new file mode 100644 index 0000000000..b88011e66d --- /dev/null +++ b/.storybook/themes/generated/default-styles.css @@ -0,0 +1,100 @@ +/* Generated by pnpm sync:vscode-themes from VS Code 1.128.0. Do not edit by hand. */ +@layer vscode-default { + html { + scrollbar-color: var(--vscode-scrollbarSlider-background) + var(--vscode-editor-background); + } + + body { + overscroll-behavior-x: none; + background-color: transparent; + color: var(--vscode-editor-foreground); + font-family: var(--vscode-font-family); + font-weight: var(--vscode-font-weight); + font-size: var(--vscode-font-size); + margin: 0; + padding: 0 20px; + } + + img, + video { + max-width: 100%; + max-height: 100%; + } + + a, + a code { + color: var(--vscode-textLink-foreground); + } + + p > a { + text-decoration: var(--text-link-decoration); + } + + a:hover { + color: var(--vscode-textLink-activeForeground); + } + + a:focus, + input:focus, + select:focus, + textarea:focus { + outline: 1px solid -webkit-focus-ring-color; + outline-offset: -1px; + } + + code { + font-family: var(--monaco-monospace-font); + color: var(--vscode-textPreformat-foreground); + background-color: var(--vscode-textPreformat-background); + padding: 1px 3px; + border-radius: 4px; + } + + pre code { + padding: 0; + } + + blockquote { + background: var(--vscode-textBlockQuote-background); + border-color: var(--vscode-textBlockQuote-border); + } + + kbd { + background-color: var(--vscode-keybindingLabel-background); + color: var(--vscode-keybindingLabel-foreground); + border-style: solid; + border-width: 1px; + border-radius: 3px; + border-color: var(--vscode-keybindingLabel-border); + border-bottom-color: var(--vscode-keybindingLabel-bottomBorder); + box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow); + vertical-align: middle; + padding: 1px 3px; + } + + ::-webkit-scrollbar { + width: 10px; + height: 10px; + } + + ::-webkit-scrollbar-corner { + background-color: var(--vscode-editor-background); + } + + ::-webkit-scrollbar-thumb { + background-color: var(--vscode-scrollbarSlider-background); + } + ::-webkit-scrollbar-thumb:hover { + background-color: var(--vscode-scrollbarSlider-hoverBackground); + } + ::-webkit-scrollbar-thumb:active { + background-color: var(--vscode-scrollbarSlider-activeBackground); + } + ::highlight(find-highlight) { + background-color: var(--vscode-editor-findMatchHighlightBackground); + } + ::highlight(current-find-highlight) { + background-color: var(--vscode-editor-findMatchBackground); + } +} diff --git a/.storybook/themes/generated/themes.json b/.storybook/themes/generated/themes.json new file mode 100644 index 0000000000..2a7a21d4a2 --- /dev/null +++ b/.storybook/themes/generated/themes.json @@ -0,0 +1 @@ +{"$comment":"Generated by pnpm sync:vscode-themes from VS Code 1.128.0. Do not edit by hand.","vscode":"1.128.0","themes":{"dark":[["--vscode-actionBar-toggledBackground","#383a49"],["--vscode-activeSessionView-background","#181818"],["--vscode-activeSessionView-foreground","#cccccc"],["--vscode-activityBar-activeBorder","#0078d4"],["--vscode-activityBar-background","#181818"],["--vscode-activityBar-border","#2b2b2b"],["--vscode-activityBar-dropBorder","#d7d7d7"],["--vscode-activityBar-foreground","#d7d7d7"],["--vscode-activityBar-inactiveForeground","#868686"],["--vscode-activityBarBadge-background","#0078d4"],["--vscode-activityBarBadge-foreground","#ffffff"],["--vscode-activityBarTop-activeBorder","#e7e7e7"],["--vscode-activityBarTop-dropBorder","#e7e7e7"],["--vscode-activityBarTop-foreground","#e7e7e7"],["--vscode-activityBarTop-inactiveForeground","rgba(231, 231, 231, 0.6)"],["--vscode-activityErrorBadge-background","#f14c4c"],["--vscode-activityErrorBadge-foreground","#000000"],["--vscode-activityWarningBadge-background","#b27c00"],["--vscode-activityWarningBadge-foreground","#ffffff"],["--vscode-agentFeedbackEditorWidget-background","#222222"],["--vscode-agentFeedbackEditorWidget-border","rgba(204, 204, 204, 0.35)"],["--vscode-agentFeedbackInputWidget-border","rgba(204, 204, 204, 0.2)"],["--vscode-agents-background","#1f1f1f"],["--vscode-agents-fontSize-body1","13px"],["--vscode-agents-fontSize-body2","11px"],["--vscode-agents-fontSize-heading1","26px"],["--vscode-agents-fontSize-heading2","18px"],["--vscode-agents-fontSize-heading3","13px"],["--vscode-agents-fontSize-label1","12px"],["--vscode-agents-fontSize-label2","11px"],["--vscode-agents-fontSize-label3","10px"],["--vscode-agents-fontWeight-regular","400"],["--vscode-agents-fontWeight-semiBold","600"],["--vscode-agentsBadge-background","#0078d4"],["--vscode-agentsBadge-foreground","#ffffff"],["--vscode-agentsChatInput-background","#313131"],["--vscode-agentsChatInput-border","#303031"],["--vscode-agentsChatInput-focusBorder","#007acc"],["--vscode-agentsChatInput-foreground","#cccccc"],["--vscode-agentsChatInput-placeholderForeground","#989898"],["--vscode-agentSessionReadIndicator-foreground","rgba(204, 204, 204, 0.2)"],["--vscode-agentSessionSelectedBadge-border","rgba(255, 255, 255, 0.3)"],["--vscode-agentSessionSelectedUnfocusedBadge-border","rgba(204, 204, 204, 0.3)"],["--vscode-agentsGradient-tintColor","#0078d4"],["--vscode-agentsNewSessionButton-background","rgba(0, 0, 0, 0)"],["--vscode-agentsNewSessionButton-border","#303031"],["--vscode-agentsNewSessionButton-foreground","#cccccc"],["--vscode-agentsNewSessionButton-hoverBackground","rgba(90, 93, 94, 0.31)"],["--vscode-agentsPanel-background","#181818"],["--vscode-agentsPanel-border","#303031"],["--vscode-agentsPanel-foreground","#cccccc"],["--vscode-agentStatusIndicator-background","rgba(255, 255, 255, 0.05)"],["--vscode-agentsUnreadBadge-background","#0078d4"],["--vscode-agentsUnreadBadge-foreground","#ffffff"],["--vscode-agentsUpdateButton-downloadedBackground","rgba(0, 120, 212, 0.7)"],["--vscode-agentsUpdateButton-downloadingBackground","rgba(0, 120, 212, 0.4)"],["--vscode-agentsVoice-speakingBackground","rgba(163, 113, 247, 0.08)"],["--vscode-agentsVoice-speakingForeground","#a371f7"],["--vscode-badge-background","#616161"],["--vscode-badge-foreground","#f8f8f8"],["--vscode-banner-background","#04395e"],["--vscode-banner-foreground","#ffffff"],["--vscode-banner-iconForeground","#59a4f9"],["--vscode-bodyFontSize","13px"],["--vscode-bodyFontSize-small","12px"],["--vscode-bodyFontSize-xSmall","11px"],["--vscode-breadcrumb-activeSelectionForeground","#e0e0e0"],["--vscode-breadcrumb-background","#1f1f1f"],["--vscode-breadcrumb-focusForeground","#e0e0e0"],["--vscode-breadcrumb-foreground","rgba(204, 204, 204, 0.8)"],["--vscode-breadcrumbPicker-background","#202020"],["--vscode-browser-border","#2b2b2b"],["--vscode-button-background","#0078d4"],["--vscode-button-border","rgba(255, 255, 255, 0.1)"],["--vscode-button-foreground","#ffffff"],["--vscode-button-hoverBackground","#026ec1"],["--vscode-button-secondaryBackground","rgba(0, 0, 0, 0)"],["--vscode-button-secondaryBorder","rgba(204, 204, 204, 0.15)"],["--vscode-button-secondaryForeground","#cccccc"],["--vscode-button-secondaryHoverBackground","#2b2b2b"],["--vscode-button-separator","rgba(255, 255, 255, 0.4)"],["--vscode-chart-axis","rgba(191, 191, 191, 0.4)"],["--vscode-chart-guide","rgba(191, 191, 191, 0.2)"],["--vscode-chart-line","#236b8e"],["--vscode-charts-blue","#59a4f9"],["--vscode-charts-foreground","#cccccc"],["--vscode-charts-green","#89d185"],["--vscode-charts-lines","rgba(204, 204, 204, 0.5)"],["--vscode-charts-orange","rgba(234, 92, 0, 0.33)"],["--vscode-charts-purple","#b180d7"],["--vscode-charts-red","#f14c4c"],["--vscode-charts-yellow","#cca700"],["--vscode-chat-avatarBackground","#1f1f1f"],["--vscode-chat-avatarForeground","#cccccc"],["--vscode-chat-checkpointSeparator","#585858"],["--vscode-chat-editedFileForeground","#e2c08d"],["--vscode-chat-inputWorkingBorderColor1","#0078d4"],["--vscode-chat-inputWorkingBorderColor2","#003c6a"],["--vscode-chat-inputWorkingBorderColor3","#3facff"],["--vscode-chat-linesAddedForeground","#54b054"],["--vscode-chat-linesRemovedForeground","#fc6a6a"],["--vscode-chat-requestBackground","rgba(31, 31, 31, 0.62)"],["--vscode-chat-requestBorder","rgba(255, 255, 255, 0.1)"],["--vscode-chat-requestBubbleBackground","rgba(38, 79, 120, 0.3)"],["--vscode-chat-requestBubbleHoverBackground","rgba(38, 79, 120, 0.6)"],["--vscode-chat-requestCodeBorder","rgba(0, 73, 114, 0.72)"],["--vscode-chat-slashCommandBackground","rgba(38, 71, 120, 0.4)"],["--vscode-chat-slashCommandForeground","#85b6ff"],["--vscode-chat-thinkingShimmer","#ffffff"],["--vscode-checkbox-background","#313131"],["--vscode-checkbox-border","#3c3c3c"],["--vscode-checkbox-disabled.background","#646464"],["--vscode-checkbox-disabled.foreground","#989898"],["--vscode-checkbox-foreground","#cccccc"],["--vscode-checkbox-selectBackground","#202020"],["--vscode-checkbox-selectBorder","#cccccc"],["--vscode-codiconFontSize","16px"],["--vscode-codiconFontSize-compact","12px"],["--vscode-commandCenter-activeBackground","rgba(255, 255, 255, 0.08)"],["--vscode-commandCenter-activeBorder","rgba(204, 204, 204, 0.3)"],["--vscode-commandCenter-activeForeground","#cccccc"],["--vscode-commandCenter-background","rgba(255, 255, 255, 0.05)"],["--vscode-commandCenter-border","rgba(204, 204, 204, 0.2)"],["--vscode-commandCenter-debuggingBackground","rgba(0, 120, 212, 0.26)"],["--vscode-commandCenter-foreground","#cccccc"],["--vscode-commandCenter-inactiveBorder","rgba(157, 157, 157, 0.25)"],["--vscode-commandCenter-inactiveForeground","#9d9d9d"],["--vscode-commentsView-resolvedIcon","rgba(204, 204, 204, 0.5)"],["--vscode-commentsView-unresolvedIcon","#0078d4"],["--vscode-cornerRadius-circle","9999px"],["--vscode-cornerRadius-large","8px"],["--vscode-cornerRadius-medium","6px"],["--vscode-cornerRadius-small","4px"],["--vscode-cornerRadius-xLarge","12px"],["--vscode-cornerRadius-xSmall","2px"],["--vscode-debugConsole-errorForeground","#f85149"],["--vscode-debugConsole-infoForeground","#59a4f9"],["--vscode-debugConsole-sourceForeground","#cccccc"],["--vscode-debugConsole-warningForeground","#cca700"],["--vscode-debugConsoleInputIcon-foreground","#cccccc"],["--vscode-debugExceptionWidget-background","#420b0d"],["--vscode-debugExceptionWidget-border","#a31515"],["--vscode-debugIcon-breakpointCurrentStackframeForeground","#ffcc00"],["--vscode-debugIcon-breakpointDisabledForeground","#848484"],["--vscode-debugIcon-breakpointForeground","#e51400"],["--vscode-debugIcon-breakpointStackframeForeground","#89d185"],["--vscode-debugIcon-breakpointUnverifiedForeground","#848484"],["--vscode-debugIcon-continueForeground","#75beff"],["--vscode-debugIcon-disconnectForeground","#f48771"],["--vscode-debugIcon-pauseForeground","#75beff"],["--vscode-debugIcon-restartForeground","#89d185"],["--vscode-debugIcon-startForeground","#89d185"],["--vscode-debugIcon-stepBackForeground","#75beff"],["--vscode-debugIcon-stepIntoForeground","#75beff"],["--vscode-debugIcon-stepOutForeground","#75beff"],["--vscode-debugIcon-stepOverForeground","#75beff"],["--vscode-debugIcon-stopForeground","#f48771"],["--vscode-debugTokenExpression-boolean","#4e94ce"],["--vscode-debugTokenExpression-error","#f48771"],["--vscode-debugTokenExpression-name","#c586c0"],["--vscode-debugTokenExpression-number","#b5cea8"],["--vscode-debugTokenExpression-string","#ce9178"],["--vscode-debugTokenExpression-type","#4a90e2"],["--vscode-debugTokenExpression-value","rgba(204, 204, 204, 0.6)"],["--vscode-debugToolBar-background","#181818"],["--vscode-debugView-exceptionLabelBackground","#6c2022"],["--vscode-debugView-exceptionLabelForeground","#cccccc"],["--vscode-debugView-stateLabelBackground","rgba(136, 136, 136, 0.27)"],["--vscode-debugView-stateLabelForeground","#cccccc"],["--vscode-debugView-valueChangedHighlight","#569cd6"],["--vscode-descriptionForeground","#9d9d9d"],["--vscode-diffEditor-diagonalFill","rgba(204, 204, 204, 0.2)"],["--vscode-diffEditor-insertedLineBackground","rgba(155, 185, 85, 0.2)"],["--vscode-diffEditor-insertedTextBackground","rgba(156, 204, 44, 0.2)"],["--vscode-diffEditor-move.border","rgba(139, 139, 139, 0.61)"],["--vscode-diffEditor-moveActive.border","#ffa500"],["--vscode-diffEditor-removedLineBackground","rgba(255, 0, 0, 0.2)"],["--vscode-diffEditor-removedTextBackground","rgba(255, 0, 0, 0.2)"],["--vscode-diffEditor-unchangedCodeBackground","rgba(116, 116, 116, 0.16)"],["--vscode-diffEditor-unchangedRegionBackground","#181818"],["--vscode-diffEditor-unchangedRegionForeground","#cccccc"],["--vscode-diffEditor-unchangedRegionShadow","#000000"],["--vscode-disabledForeground","rgba(204, 204, 204, 0.5)"],["--vscode-dropdown-background","#313131"],["--vscode-dropdown-border","#3c3c3c"],["--vscode-dropdown-foreground","#cccccc"],["--vscode-dropdown-listBackground","#1f1f1f"],["--vscode-editor-background","#1f1f1f"],["--vscode-editor-compositionBorder","#ffffff"],["--vscode-editor-findMatchBackground","#9e6a03"],["--vscode-editor-findMatchHighlightBackground","rgba(234, 92, 0, 0.33)"],["--vscode-editor-findRangeHighlightBackground","rgba(58, 61, 65, 0.4)"],["--vscode-editor-focusedStackFrameHighlightBackground","rgba(122, 189, 122, 0.3)"],["--vscode-editor-foldBackground","rgba(38, 79, 120, 0.3)"],["--vscode-editor-foldPlaceholderForeground","#808080"],["--vscode-editor-font-family","'Droid Sans Mono', monospace"],["--vscode-editor-font-feature-settings","\"liga\" off, \"calt\" off"],["--vscode-editor-font-size","14px"],["--vscode-editor-font-weight","normal"],["--vscode-editor-foreground","#cccccc"],["--vscode-editor-hoverHighlightBackground","rgba(38, 79, 120, 0.25)"],["--vscode-editor-inactiveSelectionBackground","#3a3d41"],["--vscode-editor-inlineValuesBackground","rgba(255, 200, 0, 0.2)"],["--vscode-editor-inlineValuesForeground","rgba(255, 255, 255, 0.5)"],["--vscode-editor-lineHighlightBorder","#282828"],["--vscode-editor-linkedEditingBackground","rgba(255, 0, 0, 0.3)"],["--vscode-editor-placeholder.foreground","rgba(255, 255, 255, 0.34)"],["--vscode-editor-rangeHighlightBackground","rgba(255, 255, 255, 0.04)"],["--vscode-editor-selectionBackground","#264f78"],["--vscode-editor-selectionHighlightBackground","rgba(173, 214, 255, 0.15)"],["--vscode-editor-snippetFinalTabstopHighlightBorder","#525252"],["--vscode-editor-snippetTabstopHighlightBackground","rgba(124, 124, 124, 0.3)"],["--vscode-editor-stackFrameHighlightBackground","rgba(255, 255, 0, 0.2)"],["--vscode-editor-symbolHighlightBackground","rgba(234, 92, 0, 0.33)"],["--vscode-editor-wordHighlightBackground","rgba(87, 87, 87, 0.72)"],["--vscode-editor-wordHighlightStrongBackground","rgba(0, 73, 114, 0.72)"],["--vscode-editor-wordHighlightTextBackground","rgba(87, 87, 87, 0.72)"],["--vscode-editorActionList-background","#202020"],["--vscode-editorActionList-focusBackground","#04395e"],["--vscode-editorActionList-focusForeground","#ffffff"],["--vscode-editorActionList-foreground","#cccccc"],["--vscode-editorActiveLineNumber-foreground","#c6c6c6"],["--vscode-editorBracketHighlight-foreground1","#ffd700"],["--vscode-editorBracketHighlight-foreground2","#da70d6"],["--vscode-editorBracketHighlight-foreground3","#179fff"],["--vscode-editorBracketHighlight-foreground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-unexpectedBracket.foreground","rgba(255, 18, 18, 0.8)"],["--vscode-editorBracketMatch-background","rgba(0, 100, 0, 0.1)"],["--vscode-editorBracketMatch-border","#888888"],["--vscode-editorBracketPairGuide-activeBackground1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorCodeLens-foreground","#999999"],["--vscode-editorCommentsWidget-rangeActiveBackground","rgba(0, 120, 212, 0.1)"],["--vscode-editorCommentsWidget-rangeBackground","rgba(0, 120, 212, 0.1)"],["--vscode-editorCommentsWidget-replyInputBackground","#252526"],["--vscode-editorCommentsWidget-resolvedBorder","rgba(204, 204, 204, 0.5)"],["--vscode-editorCommentsWidget-unresolvedBorder","#0078d4"],["--vscode-editorCursor-foreground","#aeafad"],["--vscode-editorError-foreground","#f14c4c"],["--vscode-editorGhostText-foreground","rgba(255, 255, 255, 0.34)"],["--vscode-editorGroup-border","rgba(255, 255, 255, 0.09)"],["--vscode-editorGroup-dropBackground","rgba(83, 89, 93, 0.5)"],["--vscode-editorGroup-dropIntoPromptBackground","#202020"],["--vscode-editorGroup-dropIntoPromptForeground","#cccccc"],["--vscode-editorGroupHeader-noTabsBackground","#1f1f1f"],["--vscode-editorGroupHeader-tabsBackground","#181818"],["--vscode-editorGroupHeader-tabsBorder","#2b2b2b"],["--vscode-editorGutter-addedBackground","#2ea043"],["--vscode-editorGutter-addedSecondaryBackground","#175021"],["--vscode-editorGutter-background","#1f1f1f"],["--vscode-editorGutter-commentDraftGlyphForeground","#cccccc"],["--vscode-editorGutter-commentGlyphForeground","#cccccc"],["--vscode-editorGutter-commentRangeForeground","#37373d"],["--vscode-editorGutter-commentUnresolvedGlyphForeground","#cccccc"],["--vscode-editorGutter-deletedBackground","#f85149"],["--vscode-editorGutter-deletedSecondaryBackground","#b91007"],["--vscode-editorGutter-foldingControlForeground","#cccccc"],["--vscode-editorGutter-itemBackground","#37373d"],["--vscode-editorGutter-itemGlyphForeground","#cccccc"],["--vscode-editorGutter-modifiedBackground","#0078d4"],["--vscode-editorGutter-modifiedSecondaryBackground","#003c6a"],["--vscode-editorHint-foreground","rgba(238, 238, 238, 0.7)"],["--vscode-editorHoverWidget-background","#202020"],["--vscode-editorHoverWidget-border","rgba(204, 204, 204, 0.2)"],["--vscode-editorHoverWidget-foreground","#cccccc"],["--vscode-editorHoverWidget-highlightForeground","#2aaaff"],["--vscode-editorHoverWidget-statusBarBackground","#262626"],["--vscode-editorIndentGuide-activeBackground","rgba(227, 228, 226, 0.16)"],["--vscode-editorIndentGuide-activeBackground1","#707070"],["--vscode-editorIndentGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background","rgba(227, 228, 226, 0.16)"],["--vscode-editorIndentGuide-background1","#404040"],["--vscode-editorIndentGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorInfo-foreground","#59a4f9"],["--vscode-editorInlayHint-background","rgba(97, 97, 97, 0.1)"],["--vscode-editorInlayHint-foreground","#969696"],["--vscode-editorInlayHint-parameterBackground","rgba(97, 97, 97, 0.1)"],["--vscode-editorInlayHint-parameterForeground","#969696"],["--vscode-editorInlayHint-typeBackground","rgba(97, 97, 97, 0.1)"],["--vscode-editorInlayHint-typeForeground","#969696"],["--vscode-editorLightBulb-foreground","#ffcc00"],["--vscode-editorLightBulbAi-foreground","#ffcc00"],["--vscode-editorLightBulbAutoFix-foreground","#75beff"],["--vscode-editorLineNumber-activeForeground","#cccccc"],["--vscode-editorLineNumber-foreground","#6e7681"],["--vscode-editorLink-activeForeground","#4e94ce"],["--vscode-editorMarkerNavigation-background","#1f1f1f"],["--vscode-editorMarkerNavigationError-background","#f14c4c"],["--vscode-editorMarkerNavigationError-headerBackground","rgba(241, 76, 76, 0.1)"],["--vscode-editorMarkerNavigationInfo-background","#59a4f9"],["--vscode-editorMarkerNavigationInfo-headerBackground","rgba(89, 164, 249, 0.1)"],["--vscode-editorMarkerNavigationWarning-background","#cca700"],["--vscode-editorMarkerNavigationWarning-headerBackground","rgba(204, 167, 0, 0.1)"],["--vscode-editorMinimap-inlineChatInserted","rgba(156, 204, 44, 0.12)"],["--vscode-editorMultiCursor-primary.foreground","#aeafad"],["--vscode-editorMultiCursor-secondary.foreground","#aeafad"],["--vscode-editorOverviewRuler-addedForeground","rgba(46, 160, 67, 0.6)"],["--vscode-editorOverviewRuler-border","#010409"],["--vscode-editorOverviewRuler-bracketMatchForeground","#a0a0a0"],["--vscode-editorOverviewRuler-commentDraftForeground","#37373d"],["--vscode-editorOverviewRuler-commentForeground","#37373d"],["--vscode-editorOverviewRuler-commentUnresolvedForeground","#37373d"],["--vscode-editorOverviewRuler-commonContentForeground","rgba(96, 96, 96, 0.4)"],["--vscode-editorOverviewRuler-currentContentForeground","rgba(64, 200, 174, 0.5)"],["--vscode-editorOverviewRuler-deletedForeground","rgba(248, 81, 73, 0.6)"],["--vscode-editorOverviewRuler-errorForeground","rgba(255, 18, 18, 0.7)"],["--vscode-editorOverviewRuler-findMatchForeground","rgba(209, 134, 22, 0.49)"],["--vscode-editorOverviewRuler-incomingContentForeground","rgba(64, 166, 255, 0.5)"],["--vscode-editorOverviewRuler-infoForeground","#59a4f9"],["--vscode-editorOverviewRuler-inlineChatInserted","rgba(156, 204, 44, 0.12)"],["--vscode-editorOverviewRuler-inlineChatRemoved","rgba(255, 0, 0, 0.12)"],["--vscode-editorOverviewRuler-modifiedForeground","rgba(0, 120, 212, 0.6)"],["--vscode-editorOverviewRuler-rangeHighlightForeground","rgba(0, 122, 204, 0.6)"],["--vscode-editorOverviewRuler-selectionHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-warningForeground","#cca700"],["--vscode-editorOverviewRuler-wordHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightStrongForeground","rgba(192, 160, 192, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightTextForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorPane-background","#1f1f1f"],["--vscode-editorRuler-foreground","#5a5a5a"],["--vscode-editorStickyScroll-background","#1f1f1f"],["--vscode-editorStickyScroll-shadow","#000000"],["--vscode-editorStickyScrollGutter-background","#1f1f1f"],["--vscode-editorStickyScrollHover-background","#2a2d2e"],["--vscode-editorSuggestWidget-background","#202020"],["--vscode-editorSuggestWidget-border","rgba(204, 204, 204, 0.2)"],["--vscode-editorSuggestWidget-focusHighlightForeground","#2aaaff"],["--vscode-editorSuggestWidget-foreground","#cccccc"],["--vscode-editorSuggestWidget-highlightForeground","#2aaaff"],["--vscode-editorSuggestWidget-selectedBackground","#04395e"],["--vscode-editorSuggestWidget-selectedForeground","#ffffff"],["--vscode-editorSuggestWidget-selectedIconForeground","#ffffff"],["--vscode-editorSuggestWidgetStatus-foreground","rgba(204, 204, 204, 0.5)"],["--vscode-editorUnicodeHighlight-border","#cca700"],["--vscode-editorUnnecessaryCode-opacity","rgba(0, 0, 0, 0.67)"],["--vscode-editorWarning-foreground","#cca700"],["--vscode-editorWhitespace-foreground","rgba(227, 228, 226, 0.16)"],["--vscode-editorWidget-background","#202020"],["--vscode-editorWidget-border","rgba(204, 204, 204, 0.2)"],["--vscode-editorWidget-foreground","#cccccc"],["--vscode-errorForeground","#f85149"],["--vscode-extensionBadge-remoteBackground","#0078d4"],["--vscode-extensionBadge-remoteForeground","#ffffff"],["--vscode-extensionButton-background","rgba(0, 0, 0, 0)"],["--vscode-extensionButton-border","rgba(204, 204, 204, 0.15)"],["--vscode-extensionButton-foreground","#cccccc"],["--vscode-extensionButton-hoverBackground","#2b2b2b"],["--vscode-extensionButton-prominentBackground","#0078d4"],["--vscode-extensionButton-prominentForeground","#ffffff"],["--vscode-extensionButton-prominentHoverBackground","#026ec1"],["--vscode-extensionButton-separator","rgba(255, 255, 255, 0.4)"],["--vscode-extensionIcon-preReleaseForeground","#1d9271"],["--vscode-extensionIcon-privateForeground","rgba(255, 255, 255, 0.38)"],["--vscode-extensionIcon-sponsorForeground","#d758b3"],["--vscode-extensionIcon-starForeground","#ff8e00"],["--vscode-extensionIcon-verifiedForeground","#4daafc"],["--vscode-focusBorder","#0078d4"],["--vscode-font-family","system-ui, \"Ubuntu\", \"Droid Sans\", sans-serif"],["--vscode-font-size","13px"],["--vscode-font-weight","normal"],["--vscode-foreground","#cccccc"],["--vscode-git-blame.editorDecorationForeground","#969696"],["--vscode-gitDecoration-addedResourceForeground","#81b88b"],["--vscode-gitDecoration-conflictingResourceForeground","#e4676b"],["--vscode-gitDecoration-deletedResourceForeground","#c74e39"],["--vscode-gitDecoration-ignoredResourceForeground","#8c8c8c"],["--vscode-gitDecoration-modifiedResourceForeground","#e2c08d"],["--vscode-gitDecoration-renamedResourceForeground","#73c991"],["--vscode-gitDecoration-stageDeletedResourceForeground","#c74e39"],["--vscode-gitDecoration-stageModifiedResourceForeground","#e2c08d"],["--vscode-gitDecoration-submoduleResourceForeground","#8db9e2"],["--vscode-gitDecoration-untrackedResourceForeground","#73c991"],["--vscode-icon-foreground","#cccccc"],["--vscode-inactiveSessionView-background","#1f1f1f"],["--vscode-inactiveSessionView-foreground","#cccccc"],["--vscode-inlineChat-background","#202020"],["--vscode-inlineChat-border","rgba(204, 204, 204, 0.2)"],["--vscode-inlineChat-foreground","#cccccc"],["--vscode-inlineChat-shadow","rgba(0, 0, 0, 0.36)"],["--vscode-inlineChatDiff-inserted","rgba(156, 204, 44, 0.1)"],["--vscode-inlineChatDiff-removed","rgba(255, 0, 0, 0.1)"],["--vscode-inlineChatInput-background","#313131"],["--vscode-inlineChatInput-border","rgba(204, 204, 204, 0.2)"],["--vscode-inlineChatInput-focusBorder","#0078d4"],["--vscode-inlineChatInput-placeholderForeground","#989898"],["--vscode-inlineEdit-gutterIndicator.background","rgba(24, 24, 24, 0.5)"],["--vscode-inlineEdit-gutterIndicator.primaryBackground","rgba(0, 120, 212, 0.4)"],["--vscode-inlineEdit-gutterIndicator.primaryBorder","#0078d4"],["--vscode-inlineEdit-gutterIndicator.primaryForeground","#ffffff"],["--vscode-inlineEdit-gutterIndicator.secondaryBackground","#202020"],["--vscode-inlineEdit-gutterIndicator.secondaryBorder","rgba(204, 204, 204, 0.2)"],["--vscode-inlineEdit-gutterIndicator.secondaryForeground","#cccccc"],["--vscode-inlineEdit-gutterIndicator.successfulBackground","#0078d4"],["--vscode-inlineEdit-gutterIndicator.successfulBorder","#0078d4"],["--vscode-inlineEdit-gutterIndicator.successfulForeground","#ffffff"],["--vscode-inlineEdit-modifiedBackground","rgba(156, 204, 44, 0.06)"],["--vscode-inlineEdit-modifiedBorder","rgba(156, 204, 44, 0.2)"],["--vscode-inlineEdit-modifiedChangedLineBackground","rgba(155, 185, 85, 0.14)"],["--vscode-inlineEdit-modifiedChangedTextBackground","rgba(156, 204, 44, 0.14)"],["--vscode-inlineEdit-originalBackground","rgba(255, 0, 0, 0.04)"],["--vscode-inlineEdit-originalBorder","rgba(255, 0, 0, 0.2)"],["--vscode-inlineEdit-originalChangedLineBackground","rgba(255, 0, 0, 0.16)"],["--vscode-inlineEdit-originalChangedTextBackground","rgba(255, 0, 0, 0.16)"],["--vscode-inlineEdit-tabWillAcceptModifiedBorder","rgba(156, 204, 44, 0.2)"],["--vscode-inlineEdit-tabWillAcceptOriginalBorder","rgba(255, 0, 0, 0.2)"],["--vscode-input-background","#313131"],["--vscode-input-border","#3c3c3c"],["--vscode-input-foreground","#cccccc"],["--vscode-input-placeholderForeground","#989898"],["--vscode-inputOption-activeBackground","rgba(36, 137, 219, 0.51)"],["--vscode-inputOption-activeBorder","#2488db"],["--vscode-inputOption-activeForeground","#ffffff"],["--vscode-inputOption-hoverBackground","rgba(90, 93, 94, 0.5)"],["--vscode-inputValidation-errorBackground","#5a1d1d"],["--vscode-inputValidation-errorBorder","#be1100"],["--vscode-inputValidation-infoBackground","#063b49"],["--vscode-inputValidation-infoBorder","#007acc"],["--vscode-inputValidation-warningBackground","#352a05"],["--vscode-inputValidation-warningBorder","#b89500"],["--vscode-interactive-activeCodeBorder","#007acc"],["--vscode-interactive-inactiveCodeBorder","#37373d"],["--vscode-keybindingLabel-background","rgba(128, 128, 128, 0.17)"],["--vscode-keybindingLabel-border","rgba(51, 51, 51, 0.6)"],["--vscode-keybindingLabel-bottomBorder","rgba(68, 68, 68, 0.6)"],["--vscode-keybindingLabel-foreground","#cccccc"],["--vscode-keybindingTable-headerBackground","rgba(204, 204, 204, 0.04)"],["--vscode-keybindingTable-rowsBackground","rgba(204, 204, 204, 0.04)"],["--vscode-list-activeSelectionBackground","#04395e"],["--vscode-list-activeSelectionForeground","#ffffff"],["--vscode-list-activeSelectionIconForeground","#ffffff"],["--vscode-list-deemphasizedForeground","#8c8c8c"],["--vscode-list-dropBackground","#383b3d"],["--vscode-list-dropBetweenBackground","#cccccc"],["--vscode-list-errorForeground","#f88070"],["--vscode-list-filterMatchBackground","rgba(234, 92, 0, 0.33)"],["--vscode-list-focusHighlightForeground","#2aaaff"],["--vscode-list-focusOutline","#0078d4"],["--vscode-list-highlightForeground","#2aaaff"],["--vscode-list-hoverBackground","#2a2d2e"],["--vscode-list-inactiveSelectionBackground","#37373d"],["--vscode-list-invalidItemForeground","#b89500"],["--vscode-list-warningForeground","#cca700"],["--vscode-listFilterWidget-background","#202020"],["--vscode-listFilterWidget-noMatchesOutline","#be1100"],["--vscode-listFilterWidget-outline","rgba(0, 0, 0, 0)"],["--vscode-listFilterWidget-shadow","rgba(0, 0, 0, 0.36)"],["--vscode-markdownAlert-caution.foreground","#f14c4c"],["--vscode-markdownAlert-important.foreground","#b180d7"],["--vscode-markdownAlert-note.foreground","#59a4f9"],["--vscode-markdownAlert-tip.foreground","#89d185"],["--vscode-markdownAlert-warning.foreground","#cca700"],["--vscode-mcpIcon-starForeground","#ff8e00"],["--vscode-menu-background","#1f1f1f"],["--vscode-menu-border","#454545"],["--vscode-menu-foreground","#cccccc"],["--vscode-menu-selectionBackground","#0078d4"],["--vscode-menu-selectionForeground","#ffffff"],["--vscode-menu-separatorBackground","#454545"],["--vscode-menubar-selectionBackground","rgba(90, 93, 94, 0.31)"],["--vscode-menubar-selectionForeground","#cccccc"],["--vscode-merge-commonContentBackground","rgba(96, 96, 96, 0.16)"],["--vscode-merge-commonHeaderBackground","rgba(96, 96, 96, 0.4)"],["--vscode-merge-currentContentBackground","rgba(64, 200, 174, 0.2)"],["--vscode-merge-currentHeaderBackground","rgba(64, 200, 174, 0.5)"],["--vscode-merge-incomingContentBackground","rgba(64, 166, 255, 0.2)"],["--vscode-merge-incomingHeaderBackground","rgba(64, 166, 255, 0.5)"],["--vscode-mergeEditor-change.background","rgba(155, 185, 85, 0.2)"],["--vscode-mergeEditor-change.word.background","rgba(156, 204, 44, 0.2)"],["--vscode-mergeEditor-changeBase.background","#4b1818"],["--vscode-mergeEditor-changeBase.word.background","#6f1313"],["--vscode-mergeEditor-conflict.handled.minimapOverViewRuler","rgba(173, 172, 168, 0.93)"],["--vscode-mergeEditor-conflict.handledFocused.border","rgba(193, 193, 193, 0.8)"],["--vscode-mergeEditor-conflict.handledUnfocused.border","rgba(134, 134, 134, 0.29)"],["--vscode-mergeEditor-conflict.input1.background","rgba(64, 200, 174, 0.2)"],["--vscode-mergeEditor-conflict.input2.background","rgba(64, 166, 255, 0.2)"],["--vscode-mergeEditor-conflict.unhandled.minimapOverViewRuler","#fcba03"],["--vscode-mergeEditor-conflict.unhandledFocused.border","#ffa600"],["--vscode-mergeEditor-conflict.unhandledUnfocused.border","rgba(255, 166, 0, 0.48)"],["--vscode-mergeEditor-conflictingLines.background","rgba(255, 234, 0, 0.28)"],["--vscode-minimap-chatEditHighlight","rgba(31, 31, 31, 0.6)"],["--vscode-minimap-errorHighlight","rgba(255, 18, 18, 0.7)"],["--vscode-minimap-findMatchHighlight","rgba(234, 92, 0, 0.33)"],["--vscode-minimap-foregroundOpacity","#000000"],["--vscode-minimap-infoHighlight","#59a4f9"],["--vscode-minimap-selectionHighlight","#264f78"],["--vscode-minimap-selectionOccurrenceHighlight","rgba(173, 214, 255, 0.15)"],["--vscode-minimap-warningHighlight","#cca700"],["--vscode-minimapGutter-addedBackground","#2ea043"],["--vscode-minimapGutter-deletedBackground","#f85149"],["--vscode-minimapGutter-modifiedBackground","#0078d4"],["--vscode-minimapSlider-activeBackground","rgba(191, 191, 191, 0.2)"],["--vscode-minimapSlider-background","rgba(121, 121, 121, 0.2)"],["--vscode-minimapSlider-hoverBackground","rgba(100, 100, 100, 0.35)"],["--vscode-multiDiffEditor-background","#1f1f1f"],["--vscode-multiDiffEditor-border","#2b2b2b"],["--vscode-multiDiffEditor-headerBackground","#262626"],["--vscode-notebook-cellBorderColor","#37373d"],["--vscode-notebook-cellEditorBackground","#181818"],["--vscode-notebook-cellInsertionIndicator","#0078d4"],["--vscode-notebook-cellStatusBarItemHoverBackground","rgba(255, 255, 255, 0.15)"],["--vscode-notebook-cellToolbarSeparator","rgba(128, 128, 128, 0.35)"],["--vscode-notebook-editorBackground","#1f1f1f"],["--vscode-notebook-focusedCellBorder","#0078d4"],["--vscode-notebook-focusedEditorBorder","#0078d4"],["--vscode-notebook-inactiveFocusedCellBorder","#37373d"],["--vscode-notebook-selectedCellBackground","#37373d"],["--vscode-notebook-selectedCellBorder","#37373d"],["--vscode-notebook-symbolHighlightBackground","rgba(255, 255, 255, 0.04)"],["--vscode-notebookEditorOverviewRuler-runningCellForeground","#89d185"],["--vscode-notebookScrollbarSlider-activeBackground","rgba(191, 191, 191, 0.4)"],["--vscode-notebookScrollbarSlider-background","rgba(121, 121, 121, 0.4)"],["--vscode-notebookScrollbarSlider-hoverBackground","rgba(100, 100, 100, 0.7)"],["--vscode-notebookStatusErrorIcon-foreground","#f85149"],["--vscode-notebookStatusRunningIcon-foreground","#cccccc"],["--vscode-notebookStatusSuccessIcon-foreground","#89d185"],["--vscode-notificationCenter-border","#313131"],["--vscode-notificationCenterHeader-background","#1f1f1f"],["--vscode-notificationCenterHeader-foreground","#cccccc"],["--vscode-notificationLink-foreground","#4daafc"],["--vscode-notifications-background","#1f1f1f"],["--vscode-notifications-border","#2b2b2b"],["--vscode-notifications-foreground","#cccccc"],["--vscode-notificationsErrorIcon-foreground","#f14c4c"],["--vscode-notificationsInfoIcon-foreground","#59a4f9"],["--vscode-notificationsWarningIcon-foreground","#cca700"],["--vscode-notificationToast-border","#313131"],["--vscode-panel-background","#181818"],["--vscode-panel-border","#2b2b2b"],["--vscode-panel-dropBorder","#cccccc"],["--vscode-panelInput-border","#2b2b2b"],["--vscode-panelSection-border","#2b2b2b"],["--vscode-panelSection-dropBackground","rgba(83, 89, 93, 0.5)"],["--vscode-panelSectionHeader-background","rgba(128, 128, 128, 0.2)"],["--vscode-panelStickyScroll-background","#181818"],["--vscode-panelStickyScroll-shadow","#000000"],["--vscode-panelTitle-activeBorder","#0078d4"],["--vscode-panelTitle-activeForeground","#cccccc"],["--vscode-panelTitle-inactiveForeground","#9d9d9d"],["--vscode-panelTitleBadge-background","#0078d4"],["--vscode-panelTitleBadge-foreground","#ffffff"],["--vscode-peekView-border","#59a4f9"],["--vscode-peekViewEditor-background","#1f1f1f"],["--vscode-peekViewEditor-matchHighlightBackground","rgba(187, 128, 9, 0.4)"],["--vscode-peekViewEditorGutter-background","#1f1f1f"],["--vscode-peekViewEditorStickyScroll-background","#1f1f1f"],["--vscode-peekViewEditorStickyScrollGutter-background","#1f1f1f"],["--vscode-peekViewResult-background","#1f1f1f"],["--vscode-peekViewResult-fileForeground","#ffffff"],["--vscode-peekViewResult-lineForeground","#bbbbbb"],["--vscode-peekViewResult-matchHighlightBackground","rgba(187, 128, 9, 0.4)"],["--vscode-peekViewResult-selectionBackground","rgba(51, 153, 255, 0.2)"],["--vscode-peekViewResult-selectionForeground","#ffffff"],["--vscode-peekViewTitle-background","#252526"],["--vscode-peekViewTitleDescription-foreground","rgba(204, 204, 204, 0.7)"],["--vscode-peekViewTitleLabel-foreground","#ffffff"],["--vscode-pickerGroup-border","#3c3c3c"],["--vscode-pickerGroup-foreground","#3794ff"],["--vscode-ports-iconRunningProcessForeground","#369432"],["--vscode-problemsErrorIcon-foreground","#f14c4c"],["--vscode-problemsInfoIcon-foreground","#59a4f9"],["--vscode-problemsWarningIcon-foreground","#cca700"],["--vscode-profileBadge-background","#4d4d4d"],["--vscode-profileBadge-foreground","#ffffff"],["--vscode-profiles-sashBorder","#2b2b2b"],["--vscode-progressBar-background","#0078d4"],["--vscode-quickInput-background","#222222"],["--vscode-quickInput-foreground","#cccccc"],["--vscode-quickInputList-focusBackground","#04395e"],["--vscode-quickInputList-focusForeground","#ffffff"],["--vscode-quickInputList-focusHighlightForeground","#2aaaff"],["--vscode-quickInputList-focusIconForeground","#ffffff"],["--vscode-quickInputTitle-background","rgba(255, 255, 255, 0.1)"],["--vscode-radio-activeBackground","rgba(36, 137, 219, 0.51)"],["--vscode-radio-activeBorder","#2488db"],["--vscode-radio-activeForeground","#ffffff"],["--vscode-radio-inactiveBorder","rgba(255, 255, 255, 0.2)"],["--vscode-radio-inactiveHoverBackground","rgba(90, 93, 94, 0.5)"],["--vscode-sash-hoverBorder","#0078d4"],["--vscode-scmGraph-foreground1","#ffb000"],["--vscode-scmGraph-foreground2","#dc267f"],["--vscode-scmGraph-foreground3","#994f00"],["--vscode-scmGraph-foreground4","#40b0a6"],["--vscode-scmGraph-foreground5","#b66dff"],["--vscode-scmGraph-historyItemBaseRefColor","#ea5c00"],["--vscode-scmGraph-historyItemHoverAdditionsForeground","#81b88b"],["--vscode-scmGraph-historyItemHoverDefaultLabelBackground","#616161"],["--vscode-scmGraph-historyItemHoverDefaultLabelForeground","#cccccc"],["--vscode-scmGraph-historyItemHoverDeletionsForeground","#c74e39"],["--vscode-scmGraph-historyItemHoverLabelForeground","#181818"],["--vscode-scmGraph-historyItemRefColor","#59a4f9"],["--vscode-scmGraph-historyItemRemoteRefColor","#b180d7"],["--vscode-scrollbar-shadow","#000000"],["--vscode-scrollbarSlider-activeBackground","rgba(191, 191, 191, 0.4)"],["--vscode-scrollbarSlider-background","rgba(121, 121, 121, 0.4)"],["--vscode-scrollbarSlider-hoverBackground","rgba(100, 100, 100, 0.7)"],["--vscode-search-resultsInfoForeground","rgba(204, 204, 204, 0.65)"],["--vscode-searchEditor-findMatchBackground","rgba(234, 92, 0, 0.22)"],["--vscode-searchEditor-textInputBorder","#3c3c3c"],["--vscode-settings-checkboxBackground","#313131"],["--vscode-settings-checkboxBorder","#3c3c3c"],["--vscode-settings-checkboxForeground","#cccccc"],["--vscode-settings-dropdownBackground","#313131"],["--vscode-settings-dropdownBorder","#3c3c3c"],["--vscode-settings-dropdownForeground","#cccccc"],["--vscode-settings-dropdownListBorder","rgba(204, 204, 204, 0.2)"],["--vscode-settings-focusedRowBackground","rgba(42, 45, 46, 0.6)"],["--vscode-settings-focusedRowBorder","#0078d4"],["--vscode-settings-headerBorder","#2b2b2b"],["--vscode-settings-headerForeground","#ffffff"],["--vscode-settings-modifiedItemIndicator","rgba(187, 128, 9, 0.4)"],["--vscode-settings-numberInputBackground","#313131"],["--vscode-settings-numberInputBorder","#3c3c3c"],["--vscode-settings-numberInputForeground","#cccccc"],["--vscode-settings-rowHoverBackground","rgba(42, 45, 46, 0.3)"],["--vscode-settings-sashBorder","#2b2b2b"],["--vscode-settings-settingsHeaderHoverForeground","rgba(255, 255, 255, 0.7)"],["--vscode-settings-textInputBackground","#313131"],["--vscode-settings-textInputBorder","#3c3c3c"],["--vscode-settings-textInputForeground","#cccccc"],["--vscode-sideBar-background","#181818"],["--vscode-sideBar-border","#2b2b2b"],["--vscode-sideBar-dropBackground","rgba(83, 89, 93, 0.5)"],["--vscode-sideBar-foreground","#cccccc"],["--vscode-sideBarActivityBarTop-border","#2b2b2b"],["--vscode-sideBarSectionHeader-background","#181818"],["--vscode-sideBarSectionHeader-border","#2b2b2b"],["--vscode-sideBarSectionHeader-foreground","#cccccc"],["--vscode-sideBarStickyScroll-background","#181818"],["--vscode-sideBarStickyScroll-shadow","#000000"],["--vscode-sideBarTitle-background","#181818"],["--vscode-sideBarTitle-foreground","#cccccc"],["--vscode-sideBySideEditor-horizontalBorder","rgba(255, 255, 255, 0.09)"],["--vscode-sideBySideEditor-verticalBorder","rgba(255, 255, 255, 0.09)"],["--vscode-simpleFindWidget-sashBorder","#454545"],["--vscode-spacing-size100","10px"],["--vscode-spacing-size120","12px"],["--vscode-spacing-size160","16px"],["--vscode-spacing-size20","2px"],["--vscode-spacing-size200","20px"],["--vscode-spacing-size240","24px"],["--vscode-spacing-size280","28px"],["--vscode-spacing-size320","32px"],["--vscode-spacing-size360","36px"],["--vscode-spacing-size40","4px"],["--vscode-spacing-size400","40px"],["--vscode-spacing-size60","6px"],["--vscode-spacing-size80","8px"],["--vscode-spacing-sizeNone","0px"],["--vscode-statusBar-background","#181818"],["--vscode-statusBar-border","#2b2b2b"],["--vscode-statusBar-debuggingBackground","#0078d4"],["--vscode-statusBar-debuggingBorder","#2b2b2b"],["--vscode-statusBar-debuggingForeground","#ffffff"],["--vscode-statusBar-focusBorder","#0078d4"],["--vscode-statusBar-foreground","#cccccc"],["--vscode-statusBar-noFolderBackground","#1f1f1f"],["--vscode-statusBar-noFolderBorder","#2b2b2b"],["--vscode-statusBar-noFolderForeground","#cccccc"],["--vscode-statusBarItem-activeBackground","rgba(255, 255, 255, 0.18)"],["--vscode-statusBarItem-compactHoverBackground","rgba(255, 255, 255, 0.12)"],["--vscode-statusBarItem-errorBackground","#b91007"],["--vscode-statusBarItem-errorForeground","#ffffff"],["--vscode-statusBarItem-errorHoverBackground","rgba(241, 241, 241, 0.2)"],["--vscode-statusBarItem-errorHoverForeground","#ffffff"],["--vscode-statusBarItem-focusBorder","#0078d4"],["--vscode-statusBarItem-hoverBackground","rgba(241, 241, 241, 0.2)"],["--vscode-statusBarItem-hoverForeground","#ffffff"],["--vscode-statusBarItem-offlineBackground","#6c1717"],["--vscode-statusBarItem-offlineForeground","#ffffff"],["--vscode-statusBarItem-offlineHoverBackground","rgba(241, 241, 241, 0.2)"],["--vscode-statusBarItem-offlineHoverForeground","#ffffff"],["--vscode-statusBarItem-prominentBackground","rgba(110, 118, 129, 0.4)"],["--vscode-statusBarItem-prominentForeground","#cccccc"],["--vscode-statusBarItem-prominentHoverBackground","rgba(241, 241, 241, 0.2)"],["--vscode-statusBarItem-prominentHoverForeground","#ffffff"],["--vscode-statusBarItem-remoteBackground","#0078d4"],["--vscode-statusBarItem-remoteForeground","#ffffff"],["--vscode-statusBarItem-remoteHoverBackground","rgba(241, 241, 241, 0.2)"],["--vscode-statusBarItem-remoteHoverForeground","#ffffff"],["--vscode-statusBarItem-warningBackground","#7a6400"],["--vscode-statusBarItem-warningForeground","#ffffff"],["--vscode-statusBarItem-warningHoverBackground","rgba(241, 241, 241, 0.2)"],["--vscode-statusBarItem-warningHoverForeground","#ffffff"],["--vscode-strokeThickness","1px"],["--vscode-strongForeground","#ffffff"],["--vscode-symbolIcon-arrayForeground","#cccccc"],["--vscode-symbolIcon-booleanForeground","#cccccc"],["--vscode-symbolIcon-classForeground","#ee9d28"],["--vscode-symbolIcon-colorForeground","#cccccc"],["--vscode-symbolIcon-constantForeground","#cccccc"],["--vscode-symbolIcon-constructorForeground","#b180d7"],["--vscode-symbolIcon-enumeratorForeground","#ee9d28"],["--vscode-symbolIcon-enumeratorMemberForeground","#75beff"],["--vscode-symbolIcon-eventForeground","#ee9d28"],["--vscode-symbolIcon-fieldForeground","#75beff"],["--vscode-symbolIcon-fileForeground","#cccccc"],["--vscode-symbolIcon-folderForeground","#cccccc"],["--vscode-symbolIcon-functionForeground","#b180d7"],["--vscode-symbolIcon-interfaceForeground","#75beff"],["--vscode-symbolIcon-keyForeground","#cccccc"],["--vscode-symbolIcon-keywordForeground","#cccccc"],["--vscode-symbolIcon-methodForeground","#b180d7"],["--vscode-symbolIcon-moduleForeground","#cccccc"],["--vscode-symbolIcon-namespaceForeground","#cccccc"],["--vscode-symbolIcon-nullForeground","#cccccc"],["--vscode-symbolIcon-numberForeground","#cccccc"],["--vscode-symbolIcon-objectForeground","#cccccc"],["--vscode-symbolIcon-operatorForeground","#cccccc"],["--vscode-symbolIcon-packageForeground","#cccccc"],["--vscode-symbolIcon-propertyForeground","#cccccc"],["--vscode-symbolIcon-referenceForeground","#cccccc"],["--vscode-symbolIcon-snippetForeground","#cccccc"],["--vscode-symbolIcon-stringForeground","#cccccc"],["--vscode-symbolIcon-structForeground","#cccccc"],["--vscode-symbolIcon-textForeground","#cccccc"],["--vscode-symbolIcon-typeParameterForeground","#cccccc"],["--vscode-symbolIcon-unitForeground","#cccccc"],["--vscode-symbolIcon-variableForeground","#75beff"],["--vscode-tab-activeBackground","#1f1f1f"],["--vscode-tab-activeBorder","#1f1f1f"],["--vscode-tab-activeBorderTop","#0078d4"],["--vscode-tab-activeForeground","#ffffff"],["--vscode-tab-activeModifiedBorder","#3399cc"],["--vscode-tab-border","#2b2b2b"],["--vscode-tab-dragAndDropBorder","#ffffff"],["--vscode-tab-hoverBackground","#1f1f1f"],["--vscode-tab-inactiveBackground","#181818"],["--vscode-tab-inactiveForeground","#9d9d9d"],["--vscode-tab-inactiveModifiedBorder","rgba(51, 153, 204, 0.5)"],["--vscode-tab-lastPinnedBorder","rgba(204, 204, 204, 0.2)"],["--vscode-tab-selectedBackground","#222222"],["--vscode-tab-selectedBorderTop","#6caddf"],["--vscode-tab-selectedForeground","rgba(255, 255, 255, 0.63)"],["--vscode-tab-unfocusedActiveBackground","#1f1f1f"],["--vscode-tab-unfocusedActiveBorder","#1f1f1f"],["--vscode-tab-unfocusedActiveBorderTop","#2b2b2b"],["--vscode-tab-unfocusedActiveForeground","rgba(255, 255, 255, 0.5)"],["--vscode-tab-unfocusedActiveModifiedBorder","rgba(51, 153, 204, 0.5)"],["--vscode-tab-unfocusedHoverBackground","#1f1f1f"],["--vscode-tab-unfocusedInactiveBackground","#181818"],["--vscode-tab-unfocusedInactiveForeground","rgba(157, 157, 157, 0.5)"],["--vscode-tab-unfocusedInactiveModifiedBorder","rgba(51, 153, 204, 0.25)"],["--vscode-terminal-ansiBlack","#000000"],["--vscode-terminal-ansiBlue","#2472c8"],["--vscode-terminal-ansiBrightBlack","#666666"],["--vscode-terminal-ansiBrightBlue","#3b8eea"],["--vscode-terminal-ansiBrightCyan","#29b8db"],["--vscode-terminal-ansiBrightGreen","#23d18b"],["--vscode-terminal-ansiBrightMagenta","#d670d6"],["--vscode-terminal-ansiBrightRed","#f14c4c"],["--vscode-terminal-ansiBrightWhite","#e5e5e5"],["--vscode-terminal-ansiBrightYellow","#f5f543"],["--vscode-terminal-ansiCyan","#11a8cd"],["--vscode-terminal-ansiGreen","#0dbc79"],["--vscode-terminal-ansiMagenta","#bc3fbc"],["--vscode-terminal-ansiRed","#cd3131"],["--vscode-terminal-ansiWhite","#e5e5e5"],["--vscode-terminal-ansiYellow","#e5e510"],["--vscode-terminal-border","#2b2b2b"],["--vscode-terminal-dropBackground","rgba(83, 89, 93, 0.5)"],["--vscode-terminal-findMatchBackground","#9e6a03"],["--vscode-terminal-findMatchHighlightBackground","rgba(234, 92, 0, 0.33)"],["--vscode-terminal-foreground","#cccccc"],["--vscode-terminal-hoverHighlightBackground","rgba(38, 79, 120, 0.13)"],["--vscode-terminal-inactiveSelectionBackground","#3a3d41"],["--vscode-terminal-initialHintForeground","rgba(255, 255, 255, 0.34)"],["--vscode-terminal-selectionBackground","#264f78"],["--vscode-terminal-tab.activeBorder","#0078d4"],["--vscode-terminalCommandDecoration-defaultBackground","rgba(255, 255, 255, 0.25)"],["--vscode-terminalCommandDecoration-errorBackground","#f14c4c"],["--vscode-terminalCommandDecoration-successBackground","#1b81a8"],["--vscode-terminalCommandGuide-foreground","#37373d"],["--vscode-terminalOverviewRuler-border","#010409"],["--vscode-terminalOverviewRuler-cursorForeground","rgba(160, 160, 160, 0.8)"],["--vscode-terminalOverviewRuler-findMatchForeground","rgba(209, 134, 22, 0.49)"],["--vscode-terminalStickyScrollHover-background","#2a2d2e"],["--vscode-terminalSymbolIcon-aliasForeground","#b180d7"],["--vscode-terminalSymbolIcon-argumentForeground","#75beff"],["--vscode-terminalSymbolIcon-branchForeground","#cccccc"],["--vscode-terminalSymbolIcon-commitForeground","#cccccc"],["--vscode-terminalSymbolIcon-fileForeground","#cccccc"],["--vscode-terminalSymbolIcon-flagForeground","#ee9d28"],["--vscode-terminalSymbolIcon-folderForeground","#cccccc"],["--vscode-terminalSymbolIcon-methodForeground","#b180d7"],["--vscode-terminalSymbolIcon-optionForeground","#ee9d28"],["--vscode-terminalSymbolIcon-optionValueForeground","#75beff"],["--vscode-terminalSymbolIcon-pullRequestDoneForeground","#cccccc"],["--vscode-terminalSymbolIcon-pullRequestForeground","#cccccc"],["--vscode-terminalSymbolIcon-remoteForeground","#cccccc"],["--vscode-terminalSymbolIcon-stashForeground","#cccccc"],["--vscode-terminalSymbolIcon-symbolicLinkFileForeground","#cccccc"],["--vscode-terminalSymbolIcon-symbolicLinkFolderForeground","#cccccc"],["--vscode-terminalSymbolIcon-symbolText","#cccccc"],["--vscode-terminalSymbolIcon-tagForeground","#cccccc"],["--vscode-testing-coverCountBadgeBackground","#616161"],["--vscode-testing-coverCountBadgeForeground","#f8f8f8"],["--vscode-testing-coveredBackground","rgba(156, 204, 44, 0.2)"],["--vscode-testing-coveredBorder","rgba(156, 204, 44, 0.15)"],["--vscode-testing-coveredGutterBackground","rgba(156, 204, 44, 0.12)"],["--vscode-testing-coveredMinimapBackground","rgba(156, 204, 44, 0.12)"],["--vscode-testing-iconErrored","#f88070"],["--vscode-testing-iconErrored.retired","rgba(248, 128, 112, 0.7)"],["--vscode-testing-iconFailed","#f88070"],["--vscode-testing-iconFailed.retired","rgba(248, 128, 112, 0.7)"],["--vscode-testing-iconPassed","#73c991"],["--vscode-testing-iconPassed.retired","rgba(115, 201, 145, 0.7)"],["--vscode-testing-iconQueued","#cca700"],["--vscode-testing-iconQueued.retired","rgba(204, 167, 0, 0.7)"],["--vscode-testing-iconSkipped","#848484"],["--vscode-testing-iconSkipped.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-iconUnset","#848484"],["--vscode-testing-iconUnset.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-message.error.badgeBackground","#f14c4c"],["--vscode-testing-message.error.badgeBorder","#f14c4c"],["--vscode-testing-message.error.badgeForeground","#000000"],["--vscode-testing-message.info.decorationForeground","rgba(204, 204, 204, 0.5)"],["--vscode-testing-messagePeekBorder","#59a4f9"],["--vscode-testing-messagePeekHeaderBackground","rgba(89, 164, 249, 0.1)"],["--vscode-testing-peekBorder","#f14c4c"],["--vscode-testing-peekHeaderBackground","rgba(241, 76, 76, 0.1)"],["--vscode-testing-runAction","#73c991"],["--vscode-testing-uncoveredBackground","rgba(255, 0, 0, 0.2)"],["--vscode-testing-uncoveredBorder","rgba(255, 0, 0, 0.15)"],["--vscode-testing-uncoveredBranchBackground","#781212"],["--vscode-testing-uncoveredGutterBackground","rgba(255, 0, 0, 0.3)"],["--vscode-testing-uncoveredMinimapBackground","rgba(255, 0, 0, 0.3)"],["--vscode-textBlockQuote-background","#2b2b2b"],["--vscode-textBlockQuote-border","#616161"],["--vscode-textCodeBlock-background","#2b2b2b"],["--vscode-textLink-activeForeground","#4daafc"],["--vscode-textLink-foreground","#4daafc"],["--vscode-textPreformat-background","#3c3c3c"],["--vscode-textPreformat-foreground","#d0d0d0"],["--vscode-textSeparator-foreground","#21262d"],["--vscode-titleBar-activeBackground","#181818"],["--vscode-titleBar-activeForeground","#cccccc"],["--vscode-titleBar-border","#2b2b2b"],["--vscode-titleBar-inactiveBackground","#1f1f1f"],["--vscode-titleBar-inactiveForeground","#9d9d9d"],["--vscode-toolbar-activeBackground","rgba(99, 102, 103, 0.31)"],["--vscode-toolbar-hoverBackground","rgba(90, 93, 94, 0.31)"],["--vscode-tree-inactiveIndentGuidesStroke","rgba(88, 88, 88, 0.4)"],["--vscode-tree-indentGuidesStroke","#585858"],["--vscode-tree-tableColumnsBorder","rgba(204, 204, 204, 0.13)"],["--vscode-tree-tableOddRowsBackground","rgba(204, 204, 204, 0.04)"],["--vscode-walkThrough-embeddedEditorBackground","rgba(0, 0, 0, 0.4)"],["--vscode-walkthrough-stepTitle.foreground","#ffffff"],["--vscode-welcomePage-progress.background","#313131"],["--vscode-welcomePage-progress.foreground","#0078d4"],["--vscode-welcomePage-tileBackground","#2b2b2b"],["--vscode-welcomePage-tileBorder","rgba(255, 255, 255, 0.1)"],["--vscode-welcomePage-tileHoverBackground","#262626"],["--vscode-widget-border","#313131"],["--vscode-widget-shadow","rgba(0, 0, 0, 0.36)"]],"light":[["--vscode-actionBar-toggledBackground","#dddddd"],["--vscode-activeSessionView-background","#ffffff"],["--vscode-activeSessionView-foreground","#3b3b3b"],["--vscode-activityBar-activeBorder","#005fb8"],["--vscode-activityBar-background","#f8f8f8"],["--vscode-activityBar-border","#e5e5e5"],["--vscode-activityBar-dropBorder","#1f1f1f"],["--vscode-activityBar-foreground","#1f1f1f"],["--vscode-activityBar-inactiveForeground","#616161"],["--vscode-activityBarBadge-background","#005fb8"],["--vscode-activityBarBadge-foreground","#ffffff"],["--vscode-activityBarTop-activeBorder","#424242"],["--vscode-activityBarTop-dropBorder","#424242"],["--vscode-activityBarTop-foreground","#424242"],["--vscode-activityBarTop-inactiveForeground","rgba(66, 66, 66, 0.75)"],["--vscode-activityErrorBadge-background","#e51400"],["--vscode-activityErrorBadge-foreground","#ffffff"],["--vscode-activityWarningBadge-background","#b27c00"],["--vscode-activityWarningBadge-foreground","#ffffff"],["--vscode-agentFeedbackEditorWidget-background","#eeeeee"],["--vscode-agentFeedbackEditorWidget-border","rgba(59, 59, 59, 0.35)"],["--vscode-agentFeedbackInputWidget-border","rgba(59, 59, 59, 0.2)"],["--vscode-agents-background","#f8f8f8"],["--vscode-agents-fontSize-body1","13px"],["--vscode-agents-fontSize-body2","11px"],["--vscode-agents-fontSize-heading1","26px"],["--vscode-agents-fontSize-heading2","18px"],["--vscode-agents-fontSize-heading3","13px"],["--vscode-agents-fontSize-label1","12px"],["--vscode-agents-fontSize-label2","11px"],["--vscode-agents-fontSize-label3","10px"],["--vscode-agents-fontWeight-regular","400"],["--vscode-agents-fontWeight-semiBold","600"],["--vscode-agentsBadge-background","#005fb8"],["--vscode-agentsBadge-foreground","#ffffff"],["--vscode-agentsChatInput-background","#ffffff"],["--vscode-agentsChatInput-border","#d8d8d8"],["--vscode-agentsChatInput-focusBorder","#005fb8"],["--vscode-agentsChatInput-foreground","#3b3b3b"],["--vscode-agentsChatInput-placeholderForeground","#767676"],["--vscode-agentSessionReadIndicator-foreground","rgba(59, 59, 59, 0.2)"],["--vscode-agentSessionSelectedBadge-border","rgba(0, 0, 0, 0.3)"],["--vscode-agentSessionSelectedUnfocusedBadge-border","rgba(59, 59, 59, 0.3)"],["--vscode-agentsGradient-tintColor","#005fb8"],["--vscode-agentsNewSessionButton-background","rgba(0, 0, 0, 0)"],["--vscode-agentsNewSessionButton-border","#d8d8d8"],["--vscode-agentsNewSessionButton-foreground","#3b3b3b"],["--vscode-agentsNewSessionButton-hoverBackground","rgba(184, 184, 184, 0.31)"],["--vscode-agentsPanel-background","#ffffff"],["--vscode-agentsPanel-border","rgba(59, 59, 59, 0.15)"],["--vscode-agentsPanel-foreground","#3b3b3b"],["--vscode-agentStatusIndicator-background","rgba(0, 0, 0, 0.05)"],["--vscode-agentsUnreadBadge-background","#005fb8"],["--vscode-agentsUnreadBadge-foreground","#ffffff"],["--vscode-agentsUpdateButton-downloadedBackground","rgba(0, 95, 184, 0.7)"],["--vscode-agentsUpdateButton-downloadingBackground","rgba(0, 95, 184, 0.4)"],["--vscode-agentsVoice-speakingBackground","rgba(130, 80, 223, 0.08)"],["--vscode-agentsVoice-speakingForeground","#8250df"],["--vscode-badge-background","#cccccc"],["--vscode-badge-foreground","#3b3b3b"],["--vscode-banner-background","#a2a2a2"],["--vscode-banner-foreground","#000000"],["--vscode-banner-iconForeground","#0063d3"],["--vscode-bodyFontSize","13px"],["--vscode-bodyFontSize-small","12px"],["--vscode-bodyFontSize-xSmall","11px"],["--vscode-breadcrumb-activeSelectionForeground","#2f2f2f"],["--vscode-breadcrumb-background","#ffffff"],["--vscode-breadcrumb-focusForeground","#2f2f2f"],["--vscode-breadcrumb-foreground","rgba(59, 59, 59, 0.8)"],["--vscode-breadcrumbPicker-background","#f8f8f8"],["--vscode-browser-border","#e5e5e5"],["--vscode-button-background","#005fb8"],["--vscode-button-border","rgba(0, 0, 0, 0.1)"],["--vscode-button-foreground","#ffffff"],["--vscode-button-hoverBackground","#0258a8"],["--vscode-button-secondaryBackground","#e5e5e5"],["--vscode-button-secondaryBorder","rgba(59, 59, 59, 0.15)"],["--vscode-button-secondaryForeground","#3b3b3b"],["--vscode-button-secondaryHoverBackground","#cccccc"],["--vscode-button-separator","rgba(255, 255, 255, 0.4)"],["--vscode-chart-axis","rgba(0, 0, 0, 0.6)"],["--vscode-chart-guide","rgba(0, 0, 0, 0.2)"],["--vscode-chart-line","#236b8e"],["--vscode-charts-blue","#0063d3"],["--vscode-charts-foreground","#3b3b3b"],["--vscode-charts-green","#388a34"],["--vscode-charts-lines","rgba(59, 59, 59, 0.5)"],["--vscode-charts-orange","rgba(234, 92, 0, 0.33)"],["--vscode-charts-purple","#652d90"],["--vscode-charts-red","#e51400"],["--vscode-charts-yellow","#bf8803"],["--vscode-chat-avatarBackground","#f2f2f2"],["--vscode-chat-avatarForeground","#3b3b3b"],["--vscode-chat-checkpointSeparator","#a9a9a9"],["--vscode-chat-editedFileForeground","#895503"],["--vscode-chat-inputWorkingBorderColor1","#005fb8"],["--vscode-chat-inputWorkingBorderColor2","#004381"],["--vscode-chat-inputWorkingBorderColor3","#007cef"],["--vscode-chat-linesAddedForeground","#107c10"],["--vscode-chat-linesRemovedForeground","#bc2f32"],["--vscode-chat-requestBackground","rgba(255, 255, 255, 0.62)"],["--vscode-chat-requestBorder","rgba(0, 0, 0, 0.1)"],["--vscode-chat-requestBubbleBackground","rgba(173, 214, 255, 0.3)"],["--vscode-chat-requestBubbleHoverBackground","rgba(173, 214, 255, 0.6)"],["--vscode-chat-requestCodeBorder","rgba(14, 99, 156, 0.25)"],["--vscode-chat-slashCommandBackground","rgba(173, 206, 255, 0.48)"],["--vscode-chat-slashCommandForeground","#26569e"],["--vscode-chat-thinkingShimmer","#000000"],["--vscode-checkbox-background","#f8f8f8"],["--vscode-checkbox-border","#cecece"],["--vscode-checkbox-disabled.background","#b9b9b9"],["--vscode-checkbox-disabled.foreground","#797979"],["--vscode-checkbox-foreground","#3b3b3b"],["--vscode-checkbox-selectBackground","#f8f8f8"],["--vscode-checkbox-selectBorder","#3b3b3b"],["--vscode-codiconFontSize","16px"],["--vscode-codiconFontSize-compact","12px"],["--vscode-commandCenter-activeBackground","rgba(0, 0, 0, 0.08)"],["--vscode-commandCenter-activeBorder","rgba(30, 30, 30, 0.3)"],["--vscode-commandCenter-activeForeground","#1e1e1e"],["--vscode-commandCenter-background","rgba(0, 0, 0, 0.05)"],["--vscode-commandCenter-border","rgba(30, 30, 30, 0.2)"],["--vscode-commandCenter-debuggingBackground","rgba(253, 113, 108, 0.26)"],["--vscode-commandCenter-foreground","#1e1e1e"],["--vscode-commandCenter-inactiveBorder","rgba(139, 148, 158, 0.25)"],["--vscode-commandCenter-inactiveForeground","#8b949e"],["--vscode-commentsView-resolvedIcon","rgba(97, 97, 97, 0.5)"],["--vscode-commentsView-unresolvedIcon","#005fb8"],["--vscode-cornerRadius-circle","9999px"],["--vscode-cornerRadius-large","8px"],["--vscode-cornerRadius-medium","6px"],["--vscode-cornerRadius-small","4px"],["--vscode-cornerRadius-xLarge","12px"],["--vscode-cornerRadius-xSmall","2px"],["--vscode-debugConsole-errorForeground","#f85149"],["--vscode-debugConsole-infoForeground","#0063d3"],["--vscode-debugConsole-sourceForeground","#3b3b3b"],["--vscode-debugConsole-warningForeground","#bf8803"],["--vscode-debugConsoleInputIcon-foreground","#3b3b3b"],["--vscode-debugExceptionWidget-background","#f1dfde"],["--vscode-debugExceptionWidget-border","#a31515"],["--vscode-debugIcon-breakpointCurrentStackframeForeground","#be8700"],["--vscode-debugIcon-breakpointDisabledForeground","#848484"],["--vscode-debugIcon-breakpointForeground","#e51400"],["--vscode-debugIcon-breakpointStackframeForeground","#89d185"],["--vscode-debugIcon-breakpointUnverifiedForeground","#848484"],["--vscode-debugIcon-continueForeground","#007acc"],["--vscode-debugIcon-disconnectForeground","#a1260d"],["--vscode-debugIcon-pauseForeground","#007acc"],["--vscode-debugIcon-restartForeground","#388a34"],["--vscode-debugIcon-startForeground","#388a34"],["--vscode-debugIcon-stepBackForeground","#007acc"],["--vscode-debugIcon-stepIntoForeground","#007acc"],["--vscode-debugIcon-stepOutForeground","#007acc"],["--vscode-debugIcon-stepOverForeground","#007acc"],["--vscode-debugIcon-stopForeground","#a1260d"],["--vscode-debugTokenExpression-boolean","#0000ff"],["--vscode-debugTokenExpression-error","#e51400"],["--vscode-debugTokenExpression-name","#9b46b0"],["--vscode-debugTokenExpression-number","#098658"],["--vscode-debugTokenExpression-string","#a31515"],["--vscode-debugTokenExpression-type","#4a90e2"],["--vscode-debugTokenExpression-value","rgba(108, 108, 108, 0.8)"],["--vscode-debugToolBar-background","#f3f3f3"],["--vscode-debugView-exceptionLabelBackground","#a31515"],["--vscode-debugView-exceptionLabelForeground","#ffffff"],["--vscode-debugView-stateLabelBackground","rgba(136, 136, 136, 0.27)"],["--vscode-debugView-stateLabelForeground","#3b3b3b"],["--vscode-debugView-valueChangedHighlight","#569cd6"],["--vscode-descriptionForeground","#3b3b3b"],["--vscode-diffEditor-diagonalFill","rgba(34, 34, 34, 0.2)"],["--vscode-diffEditor-insertedLineBackground","rgba(155, 185, 85, 0.2)"],["--vscode-diffEditor-insertedTextBackground","rgba(156, 204, 44, 0.25)"],["--vscode-diffEditor-move.border","rgba(139, 139, 139, 0.61)"],["--vscode-diffEditor-moveActive.border","#ffa500"],["--vscode-diffEditor-removedLineBackground","rgba(255, 0, 0, 0.2)"],["--vscode-diffEditor-removedTextBackground","rgba(255, 0, 0, 0.2)"],["--vscode-diffEditor-unchangedCodeBackground","rgba(184, 184, 184, 0.16)"],["--vscode-diffEditor-unchangedRegionBackground","#f8f8f8"],["--vscode-diffEditor-unchangedRegionForeground","#3b3b3b"],["--vscode-diffEditor-unchangedRegionShadow","rgba(115, 115, 115, 0.75)"],["--vscode-disabledForeground","rgba(97, 97, 97, 0.5)"],["--vscode-dropdown-background","#ffffff"],["--vscode-dropdown-border","#cecece"],["--vscode-dropdown-foreground","#3b3b3b"],["--vscode-dropdown-listBackground","#ffffff"],["--vscode-editor-background","#ffffff"],["--vscode-editor-compositionBorder","#000000"],["--vscode-editor-findMatchBackground","#a8ac94"],["--vscode-editor-findMatchHighlightBackground","rgba(234, 92, 0, 0.33)"],["--vscode-editor-findRangeHighlightBackground","rgba(180, 180, 180, 0.3)"],["--vscode-editor-focusedStackFrameHighlightBackground","rgba(206, 231, 206, 0.45)"],["--vscode-editor-foldBackground","rgba(173, 214, 255, 0.3)"],["--vscode-editor-foldPlaceholderForeground","#808080"],["--vscode-editor-font-family","'Droid Sans Mono', monospace"],["--vscode-editor-font-feature-settings","\"liga\" off, \"calt\" off"],["--vscode-editor-font-size","14px"],["--vscode-editor-font-weight","normal"],["--vscode-editor-foreground","#3b3b3b"],["--vscode-editor-hoverHighlightBackground","rgba(173, 214, 255, 0.15)"],["--vscode-editor-inactiveSelectionBackground","#e5ebf1"],["--vscode-editor-inlineValuesBackground","rgba(255, 200, 0, 0.2)"],["--vscode-editor-inlineValuesForeground","rgba(0, 0, 0, 0.5)"],["--vscode-editor-lineHighlightBorder","#eeeeee"],["--vscode-editor-linkedEditingBackground","rgba(255, 0, 0, 0.3)"],["--vscode-editor-placeholder.foreground","rgba(0, 0, 0, 0.47)"],["--vscode-editor-rangeHighlightBackground","rgba(253, 255, 0, 0.2)"],["--vscode-editor-selectionBackground","#add6ff"],["--vscode-editor-selectionHighlightBackground","rgba(173, 214, 255, 0.5)"],["--vscode-editor-snippetFinalTabstopHighlightBorder","rgba(10, 50, 100, 0.5)"],["--vscode-editor-snippetTabstopHighlightBackground","rgba(10, 50, 100, 0.2)"],["--vscode-editor-stackFrameHighlightBackground","rgba(255, 255, 102, 0.45)"],["--vscode-editor-symbolHighlightBackground","rgba(234, 92, 0, 0.33)"],["--vscode-editor-wordHighlightBackground","rgba(87, 87, 87, 0.25)"],["--vscode-editor-wordHighlightStrongBackground","rgba(14, 99, 156, 0.25)"],["--vscode-editor-wordHighlightTextBackground","rgba(87, 87, 87, 0.25)"],["--vscode-editorActionList-background","#f8f8f8"],["--vscode-editorActionList-focusBackground","#e8e8e8"],["--vscode-editorActionList-focusForeground","#000000"],["--vscode-editorActionList-foreground","#3b3b3b"],["--vscode-editorActiveLineNumber-foreground","#0b216f"],["--vscode-editorBracketHighlight-foreground1","#0431fa"],["--vscode-editorBracketHighlight-foreground2","#319331"],["--vscode-editorBracketHighlight-foreground3","#7b3814"],["--vscode-editorBracketHighlight-foreground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-unexpectedBracket.foreground","rgba(255, 18, 18, 0.8)"],["--vscode-editorBracketMatch-background","rgba(0, 100, 0, 0.1)"],["--vscode-editorBracketMatch-border","#b9b9b9"],["--vscode-editorBracketPairGuide-activeBackground1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorCodeLens-foreground","#919191"],["--vscode-editorCommentsWidget-rangeActiveBackground","rgba(0, 95, 184, 0.1)"],["--vscode-editorCommentsWidget-rangeBackground","rgba(0, 95, 184, 0.1)"],["--vscode-editorCommentsWidget-replyInputBackground","#f3f3f3"],["--vscode-editorCommentsWidget-resolvedBorder","rgba(97, 97, 97, 0.5)"],["--vscode-editorCommentsWidget-unresolvedBorder","#005fb8"],["--vscode-editorCursor-foreground","#000000"],["--vscode-editorError-foreground","#e51400"],["--vscode-editorGhostText-foreground","rgba(0, 0, 0, 0.47)"],["--vscode-editorGroup-border","#e5e5e5"],["--vscode-editorGroup-dropBackground","rgba(38, 119, 203, 0.18)"],["--vscode-editorGroup-dropIntoPromptBackground","#f8f8f8"],["--vscode-editorGroup-dropIntoPromptForeground","#3b3b3b"],["--vscode-editorGroupHeader-noTabsBackground","#ffffff"],["--vscode-editorGroupHeader-tabsBackground","#f8f8f8"],["--vscode-editorGroupHeader-tabsBorder","#e5e5e5"],["--vscode-editorGutter-addedBackground","#2ea043"],["--vscode-editorGutter-addedSecondaryBackground","#83db93"],["--vscode-editorGutter-background","#ffffff"],["--vscode-editorGutter-commentDraftGlyphForeground","#3b3b3b"],["--vscode-editorGutter-commentGlyphForeground","#3b3b3b"],["--vscode-editorGutter-commentRangeForeground","#d5d8e9"],["--vscode-editorGutter-commentUnresolvedGlyphForeground","#3b3b3b"],["--vscode-editorGutter-deletedBackground","#f85149"],["--vscode-editorGutter-deletedSecondaryBackground","#fcaaa6"],["--vscode-editorGutter-foldingControlForeground","#3b3b3b"],["--vscode-editorGutter-itemBackground","#d5d8e9"],["--vscode-editorGutter-itemGlyphForeground","#3b3b3b"],["--vscode-editorGutter-modifiedBackground","#005fb8"],["--vscode-editorGutter-modifiedSecondaryBackground","#3aa0ff"],["--vscode-editorHint-foreground","#6c6c6c"],["--vscode-editorHoverWidget-background","#f8f8f8"],["--vscode-editorHoverWidget-border","rgba(59, 59, 59, 0.2)"],["--vscode-editorHoverWidget-foreground","#3b3b3b"],["--vscode-editorHoverWidget-highlightForeground","#0066bf"],["--vscode-editorHoverWidget-statusBarBackground","#ececec"],["--vscode-editorIndentGuide-activeBackground","rgba(51, 51, 51, 0.2)"],["--vscode-editorIndentGuide-activeBackground1","#939393"],["--vscode-editorIndentGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background","rgba(51, 51, 51, 0.2)"],["--vscode-editorIndentGuide-background1","#d3d3d3"],["--vscode-editorIndentGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorInfo-foreground","#0063d3"],["--vscode-editorInlayHint-background","rgba(204, 204, 204, 0.1)"],["--vscode-editorInlayHint-foreground","#969696"],["--vscode-editorInlayHint-parameterBackground","rgba(204, 204, 204, 0.1)"],["--vscode-editorInlayHint-parameterForeground","#969696"],["--vscode-editorInlayHint-typeBackground","rgba(204, 204, 204, 0.1)"],["--vscode-editorInlayHint-typeForeground","#969696"],["--vscode-editorLightBulb-foreground","#ddb100"],["--vscode-editorLightBulbAi-foreground","#ddb100"],["--vscode-editorLightBulbAutoFix-foreground","#007acc"],["--vscode-editorLineNumber-activeForeground","#171184"],["--vscode-editorLineNumber-foreground","#6e7681"],["--vscode-editorLink-activeForeground","#0000ff"],["--vscode-editorMarkerNavigation-background","#ffffff"],["--vscode-editorMarkerNavigationError-background","#e51400"],["--vscode-editorMarkerNavigationError-headerBackground","rgba(229, 20, 0, 0.1)"],["--vscode-editorMarkerNavigationInfo-background","#0063d3"],["--vscode-editorMarkerNavigationInfo-headerBackground","rgba(0, 99, 211, 0.1)"],["--vscode-editorMarkerNavigationWarning-background","#bf8803"],["--vscode-editorMarkerNavigationWarning-headerBackground","rgba(191, 136, 3, 0.1)"],["--vscode-editorMinimap-inlineChatInserted","rgba(156, 204, 44, 0.2)"],["--vscode-editorMultiCursor-primary.foreground","#000000"],["--vscode-editorMultiCursor-secondary.foreground","#000000"],["--vscode-editorOverviewRuler-addedForeground","rgba(46, 160, 67, 0.6)"],["--vscode-editorOverviewRuler-border","#e5e5e5"],["--vscode-editorOverviewRuler-bracketMatchForeground","#a0a0a0"],["--vscode-editorOverviewRuler-commentDraftForeground","#d5d8e9"],["--vscode-editorOverviewRuler-commentForeground","#d5d8e9"],["--vscode-editorOverviewRuler-commentUnresolvedForeground","#d5d8e9"],["--vscode-editorOverviewRuler-commonContentForeground","rgba(96, 96, 96, 0.4)"],["--vscode-editorOverviewRuler-currentContentForeground","rgba(64, 200, 174, 0.5)"],["--vscode-editorOverviewRuler-deletedForeground","rgba(248, 81, 73, 0.6)"],["--vscode-editorOverviewRuler-errorForeground","rgba(255, 18, 18, 0.7)"],["--vscode-editorOverviewRuler-findMatchForeground","rgba(209, 134, 22, 0.49)"],["--vscode-editorOverviewRuler-incomingContentForeground","rgba(64, 166, 255, 0.5)"],["--vscode-editorOverviewRuler-infoForeground","#0063d3"],["--vscode-editorOverviewRuler-inlineChatInserted","rgba(156, 204, 44, 0.2)"],["--vscode-editorOverviewRuler-inlineChatRemoved","rgba(255, 0, 0, 0.16)"],["--vscode-editorOverviewRuler-modifiedForeground","rgba(0, 95, 184, 0.6)"],["--vscode-editorOverviewRuler-rangeHighlightForeground","rgba(0, 122, 204, 0.6)"],["--vscode-editorOverviewRuler-selectionHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-warningForeground","#bf8803"],["--vscode-editorOverviewRuler-wordHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightStrongForeground","rgba(192, 160, 192, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightTextForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorPane-background","#ffffff"],["--vscode-editorRuler-foreground","#d3d3d3"],["--vscode-editorStickyScroll-background","#ffffff"],["--vscode-editorStickyScroll-shadow","#dddddd"],["--vscode-editorStickyScrollGutter-background","#ffffff"],["--vscode-editorStickyScrollHover-background","#f0f0f0"],["--vscode-editorSuggestWidget-background","#f8f8f8"],["--vscode-editorSuggestWidget-border","rgba(59, 59, 59, 0.2)"],["--vscode-editorSuggestWidget-focusHighlightForeground","#0066bf"],["--vscode-editorSuggestWidget-foreground","#3b3b3b"],["--vscode-editorSuggestWidget-highlightForeground","#0066bf"],["--vscode-editorSuggestWidget-selectedBackground","#e8e8e8"],["--vscode-editorSuggestWidget-selectedForeground","#000000"],["--vscode-editorSuggestWidget-selectedIconForeground","#000000"],["--vscode-editorSuggestWidgetStatus-foreground","rgba(59, 59, 59, 0.5)"],["--vscode-editorUnicodeHighlight-border","#bf8803"],["--vscode-editorUnnecessaryCode-opacity","rgba(0, 0, 0, 0.47)"],["--vscode-editorWarning-foreground","#bf8803"],["--vscode-editorWhitespace-foreground","rgba(51, 51, 51, 0.2)"],["--vscode-editorWidget-background","#f8f8f8"],["--vscode-editorWidget-border","rgba(59, 59, 59, 0.2)"],["--vscode-editorWidget-foreground","#3b3b3b"],["--vscode-errorForeground","#f85149"],["--vscode-extensionBadge-remoteBackground","#005fb8"],["--vscode-extensionBadge-remoteForeground","#ffffff"],["--vscode-extensionButton-background","#e5e5e5"],["--vscode-extensionButton-border","rgba(59, 59, 59, 0.15)"],["--vscode-extensionButton-foreground","#3b3b3b"],["--vscode-extensionButton-hoverBackground","#cccccc"],["--vscode-extensionButton-prominentBackground","#005fb8"],["--vscode-extensionButton-prominentForeground","#ffffff"],["--vscode-extensionButton-prominentHoverBackground","#0258a8"],["--vscode-extensionButton-separator","rgba(255, 255, 255, 0.4)"],["--vscode-extensionIcon-preReleaseForeground","#1d9271"],["--vscode-extensionIcon-privateForeground","rgba(0, 0, 0, 0.38)"],["--vscode-extensionIcon-sponsorForeground","#b51e78"],["--vscode-extensionIcon-starForeground","#df6100"],["--vscode-extensionIcon-verifiedForeground","#005fb8"],["--vscode-focusBorder","#005fb8"],["--vscode-font-family","system-ui, \"Ubuntu\", \"Droid Sans\", sans-serif"],["--vscode-font-size","13px"],["--vscode-font-weight","normal"],["--vscode-foreground","#3b3b3b"],["--vscode-git-blame.editorDecorationForeground","#969696"],["--vscode-gitDecoration-addedResourceForeground","#587c0c"],["--vscode-gitDecoration-conflictingResourceForeground","#ad0707"],["--vscode-gitDecoration-deletedResourceForeground","#ad0707"],["--vscode-gitDecoration-ignoredResourceForeground","#8e8e90"],["--vscode-gitDecoration-modifiedResourceForeground","#895503"],["--vscode-gitDecoration-renamedResourceForeground","#007100"],["--vscode-gitDecoration-stageDeletedResourceForeground","#ad0707"],["--vscode-gitDecoration-stageModifiedResourceForeground","#895503"],["--vscode-gitDecoration-submoduleResourceForeground","#1258a7"],["--vscode-gitDecoration-untrackedResourceForeground","#007100"],["--vscode-icon-foreground","#3b3b3b"],["--vscode-inactiveSessionView-background","#f8f8f8"],["--vscode-inactiveSessionView-foreground","#3b3b3b"],["--vscode-inlineChat-background","#f8f8f8"],["--vscode-inlineChat-border","rgba(59, 59, 59, 0.2)"],["--vscode-inlineChat-foreground","#3b3b3b"],["--vscode-inlineChat-shadow","rgba(0, 0, 0, 0.16)"],["--vscode-inlineChatDiff-inserted","rgba(156, 204, 44, 0.13)"],["--vscode-inlineChatDiff-removed","rgba(255, 0, 0, 0.1)"],["--vscode-inlineChatInput-background","#ffffff"],["--vscode-inlineChatInput-border","rgba(59, 59, 59, 0.2)"],["--vscode-inlineChatInput-focusBorder","#005fb8"],["--vscode-inlineChatInput-placeholderForeground","#767676"],["--vscode-inlineEdit-gutterIndicator.background","rgba(95, 95, 95, 0.09)"],["--vscode-inlineEdit-gutterIndicator.primaryBackground","rgba(0, 95, 184, 0.5)"],["--vscode-inlineEdit-gutterIndicator.primaryBorder","#005fb8"],["--vscode-inlineEdit-gutterIndicator.primaryForeground","#ffffff"],["--vscode-inlineEdit-gutterIndicator.secondaryBackground","#f8f8f8"],["--vscode-inlineEdit-gutterIndicator.secondaryBorder","rgba(59, 59, 59, 0.2)"],["--vscode-inlineEdit-gutterIndicator.secondaryForeground","#3b3b3b"],["--vscode-inlineEdit-gutterIndicator.successfulBackground","#005fb8"],["--vscode-inlineEdit-gutterIndicator.successfulBorder","#005fb8"],["--vscode-inlineEdit-gutterIndicator.successfulForeground","#ffffff"],["--vscode-inlineEdit-modifiedBackground","rgba(156, 204, 44, 0.07)"],["--vscode-inlineEdit-modifiedBorder","rgba(62, 81, 18, 0.25)"],["--vscode-inlineEdit-modifiedChangedLineBackground","rgba(155, 185, 85, 0.14)"],["--vscode-inlineEdit-modifiedChangedTextBackground","rgba(156, 204, 44, 0.18)"],["--vscode-inlineEdit-originalBackground","rgba(255, 0, 0, 0.04)"],["--vscode-inlineEdit-originalBorder","rgba(255, 0, 0, 0.2)"],["--vscode-inlineEdit-originalChangedLineBackground","rgba(255, 0, 0, 0.16)"],["--vscode-inlineEdit-originalChangedTextBackground","rgba(255, 0, 0, 0.16)"],["--vscode-inlineEdit-tabWillAcceptModifiedBorder","rgba(62, 81, 18, 0.25)"],["--vscode-inlineEdit-tabWillAcceptOriginalBorder","rgba(255, 0, 0, 0.2)"],["--vscode-input-background","#ffffff"],["--vscode-input-border","#cecece"],["--vscode-input-foreground","#3b3b3b"],["--vscode-input-placeholderForeground","#767676"],["--vscode-inputOption-activeBackground","#bed6ed"],["--vscode-inputOption-activeBorder","#005fb8"],["--vscode-inputOption-activeForeground","#000000"],["--vscode-inputOption-hoverBackground","rgba(184, 184, 184, 0.31)"],["--vscode-inputValidation-errorBackground","#f2dede"],["--vscode-inputValidation-errorBorder","#be1100"],["--vscode-inputValidation-infoBackground","#d6ecf2"],["--vscode-inputValidation-infoBorder","#007acc"],["--vscode-inputValidation-warningBackground","#f6f5d2"],["--vscode-inputValidation-warningBorder","#b89500"],["--vscode-interactive-activeCodeBorder","#007acc"],["--vscode-interactive-inactiveCodeBorder","#e4e6f1"],["--vscode-keybindingLabel-background","rgba(221, 221, 221, 0.4)"],["--vscode-keybindingLabel-border","rgba(204, 204, 204, 0.4)"],["--vscode-keybindingLabel-bottomBorder","rgba(187, 187, 187, 0.4)"],["--vscode-keybindingLabel-foreground","#3b3b3b"],["--vscode-keybindingTable-headerBackground","rgba(59, 59, 59, 0.04)"],["--vscode-keybindingTable-rowsBackground","rgba(59, 59, 59, 0.04)"],["--vscode-list-activeSelectionBackground","#e8e8e8"],["--vscode-list-activeSelectionForeground","#000000"],["--vscode-list-activeSelectionIconForeground","#000000"],["--vscode-list-deemphasizedForeground","#8e8e90"],["--vscode-list-dropBackground","#d6ebff"],["--vscode-list-dropBetweenBackground","#3b3b3b"],["--vscode-list-errorForeground","#b01011"],["--vscode-list-filterMatchBackground","rgba(234, 92, 0, 0.33)"],["--vscode-list-focusAndSelectionOutline","#005fb8"],["--vscode-list-focusHighlightForeground","#0066bf"],["--vscode-list-focusOutline","#005fb8"],["--vscode-list-highlightForeground","#0066bf"],["--vscode-list-hoverBackground","#f2f2f2"],["--vscode-list-inactiveSelectionBackground","#e4e6f1"],["--vscode-list-invalidItemForeground","#b89500"],["--vscode-list-warningForeground","#855f00"],["--vscode-listFilterWidget-background","#f8f8f8"],["--vscode-listFilterWidget-noMatchesOutline","#be1100"],["--vscode-listFilterWidget-outline","rgba(0, 0, 0, 0)"],["--vscode-listFilterWidget-shadow","rgba(0, 0, 0, 0.16)"],["--vscode-markdownAlert-caution.foreground","#e51400"],["--vscode-markdownAlert-important.foreground","#652d90"],["--vscode-markdownAlert-note.foreground","#0063d3"],["--vscode-markdownAlert-tip.foreground","#388a34"],["--vscode-markdownAlert-warning.foreground","#bf8803"],["--vscode-mcpIcon-starForeground","#df6100"],["--vscode-menu-background","#ffffff"],["--vscode-menu-border","#cecece"],["--vscode-menu-foreground","#3b3b3b"],["--vscode-menu-selectionBackground","#005fb8"],["--vscode-menu-selectionForeground","#ffffff"],["--vscode-menu-separatorBackground","rgba(59, 59, 59, 0.2)"],["--vscode-menubar-selectionBackground","rgba(184, 184, 184, 0.31)"],["--vscode-menubar-selectionForeground","#1e1e1e"],["--vscode-merge-commonContentBackground","rgba(96, 96, 96, 0.16)"],["--vscode-merge-commonHeaderBackground","rgba(96, 96, 96, 0.4)"],["--vscode-merge-currentContentBackground","rgba(64, 200, 174, 0.2)"],["--vscode-merge-currentHeaderBackground","rgba(64, 200, 174, 0.5)"],["--vscode-merge-incomingContentBackground","rgba(64, 166, 255, 0.2)"],["--vscode-merge-incomingHeaderBackground","rgba(64, 166, 255, 0.5)"],["--vscode-mergeEditor-change.background","rgba(155, 185, 85, 0.2)"],["--vscode-mergeEditor-change.word.background","rgba(156, 204, 44, 0.4)"],["--vscode-mergeEditor-changeBase.background","#ffcccc"],["--vscode-mergeEditor-changeBase.word.background","#ffa3a3"],["--vscode-mergeEditor-conflict.handled.minimapOverViewRuler","rgba(173, 172, 168, 0.93)"],["--vscode-mergeEditor-conflict.handledFocused.border","rgba(193, 193, 193, 0.8)"],["--vscode-mergeEditor-conflict.handledUnfocused.border","rgba(134, 134, 134, 0.29)"],["--vscode-mergeEditor-conflict.input1.background","rgba(64, 200, 174, 0.2)"],["--vscode-mergeEditor-conflict.input2.background","rgba(64, 166, 255, 0.2)"],["--vscode-mergeEditor-conflict.unhandled.minimapOverViewRuler","#fcba03"],["--vscode-mergeEditor-conflict.unhandledFocused.border","#ffa600"],["--vscode-mergeEditor-conflict.unhandledUnfocused.border","#ffa600"],["--vscode-mergeEditor-conflictingLines.background","rgba(255, 234, 0, 0.28)"],["--vscode-minimap-chatEditHighlight","rgba(255, 255, 255, 0.6)"],["--vscode-minimap-errorHighlight","rgba(255, 18, 18, 0.7)"],["--vscode-minimap-findMatchHighlight","rgba(234, 92, 0, 0.33)"],["--vscode-minimap-foregroundOpacity","#000000"],["--vscode-minimap-infoHighlight","#0063d3"],["--vscode-minimap-selectionHighlight","#add6ff"],["--vscode-minimap-selectionOccurrenceHighlight","rgba(173, 214, 255, 0.5)"],["--vscode-minimap-warningHighlight","#bf8803"],["--vscode-minimapGutter-addedBackground","#2ea043"],["--vscode-minimapGutter-deletedBackground","#f85149"],["--vscode-minimapGutter-modifiedBackground","#005fb8"],["--vscode-minimapSlider-activeBackground","rgba(0, 0, 0, 0.3)"],["--vscode-minimapSlider-background","rgba(100, 100, 100, 0.2)"],["--vscode-minimapSlider-hoverBackground","rgba(100, 100, 100, 0.35)"],["--vscode-multiDiffEditor-background","#ffffff"],["--vscode-multiDiffEditor-border","#cccccc"],["--vscode-multiDiffEditor-headerBackground","#f8f8f8"],["--vscode-notebook-cellBorderColor","#e5e5e5"],["--vscode-notebook-cellEditorBackground","#f8f8f8"],["--vscode-notebook-cellInsertionIndicator","#005fb8"],["--vscode-notebook-cellStatusBarItemHoverBackground","rgba(0, 0, 0, 0.08)"],["--vscode-notebook-cellToolbarSeparator","rgba(128, 128, 128, 0.35)"],["--vscode-notebook-editorBackground","#ffffff"],["--vscode-notebook-focusedCellBorder","#005fb8"],["--vscode-notebook-focusedEditorBorder","#005fb8"],["--vscode-notebook-inactiveFocusedCellBorder","#e5e5e5"],["--vscode-notebook-selectedCellBackground","rgba(200, 221, 241, 0.31)"],["--vscode-notebook-selectedCellBorder","#e5e5e5"],["--vscode-notebook-symbolHighlightBackground","rgba(253, 255, 0, 0.2)"],["--vscode-notebookEditorOverviewRuler-runningCellForeground","#388a34"],["--vscode-notebookScrollbarSlider-activeBackground","rgba(0, 0, 0, 0.6)"],["--vscode-notebookScrollbarSlider-background","rgba(100, 100, 100, 0.4)"],["--vscode-notebookScrollbarSlider-hoverBackground","rgba(100, 100, 100, 0.7)"],["--vscode-notebookStatusErrorIcon-foreground","#f85149"],["--vscode-notebookStatusRunningIcon-foreground","#3b3b3b"],["--vscode-notebookStatusSuccessIcon-foreground","#388a34"],["--vscode-notificationCenter-border","#e5e5e5"],["--vscode-notificationCenterHeader-background","#ffffff"],["--vscode-notificationCenterHeader-foreground","#3b3b3b"],["--vscode-notificationLink-foreground","#005fb8"],["--vscode-notifications-background","#ffffff"],["--vscode-notifications-border","#e5e5e5"],["--vscode-notifications-foreground","#3b3b3b"],["--vscode-notificationsErrorIcon-foreground","#e51400"],["--vscode-notificationsInfoIcon-foreground","#0063d3"],["--vscode-notificationsWarningIcon-foreground","#bf8803"],["--vscode-notificationToast-border","#e5e5e5"],["--vscode-panel-background","#f8f8f8"],["--vscode-panel-border","#e5e5e5"],["--vscode-panel-dropBorder","#3b3b3b"],["--vscode-panelInput-border","#e5e5e5"],["--vscode-panelSection-border","#e5e5e5"],["--vscode-panelSection-dropBackground","rgba(38, 119, 203, 0.18)"],["--vscode-panelSectionHeader-background","rgba(128, 128, 128, 0.2)"],["--vscode-panelStickyScroll-background","#f8f8f8"],["--vscode-panelStickyScroll-shadow","#dddddd"],["--vscode-panelTitle-activeBorder","#005fb8"],["--vscode-panelTitle-activeForeground","#3b3b3b"],["--vscode-panelTitle-inactiveForeground","#3b3b3b"],["--vscode-panelTitleBadge-background","#005fb8"],["--vscode-panelTitleBadge-foreground","#ffffff"],["--vscode-peekView-border","#0063d3"],["--vscode-peekViewEditor-background","#f2f8fc"],["--vscode-peekViewEditor-matchHighlightBackground","rgba(187, 128, 9, 0.4)"],["--vscode-peekViewEditorGutter-background","#f2f8fc"],["--vscode-peekViewEditorStickyScroll-background","#f2f8fc"],["--vscode-peekViewEditorStickyScrollGutter-background","#f2f8fc"],["--vscode-peekViewResult-background","#ffffff"],["--vscode-peekViewResult-fileForeground","#1e1e1e"],["--vscode-peekViewResult-lineForeground","#646465"],["--vscode-peekViewResult-matchHighlightBackground","rgba(187, 128, 9, 0.4)"],["--vscode-peekViewResult-selectionBackground","rgba(51, 153, 255, 0.2)"],["--vscode-peekViewResult-selectionForeground","#6c6c6c"],["--vscode-peekViewTitle-background","#f3f3f3"],["--vscode-peekViewTitleDescription-foreground","#616161"],["--vscode-peekViewTitleLabel-foreground","#000000"],["--vscode-pickerGroup-border","#e5e5e5"],["--vscode-pickerGroup-foreground","#8b949e"],["--vscode-ports-iconRunningProcessForeground","#369432"],["--vscode-problemsErrorIcon-foreground","#e51400"],["--vscode-problemsInfoIcon-foreground","#0063d3"],["--vscode-problemsWarningIcon-foreground","#bf8803"],["--vscode-profileBadge-background","#c4c4c4"],["--vscode-profileBadge-foreground","#333333"],["--vscode-profiles-sashBorder","#e5e5e5"],["--vscode-progressBar-background","#005fb8"],["--vscode-quickInput-background","#f8f8f8"],["--vscode-quickInput-foreground","#3b3b3b"],["--vscode-quickInputList-focusBackground","#e8e8e8"],["--vscode-quickInputList-focusForeground","#000000"],["--vscode-quickInputList-focusHighlightForeground","#0066bf"],["--vscode-quickInputList-focusIconForeground","#000000"],["--vscode-quickInputTitle-background","rgba(0, 0, 0, 0.06)"],["--vscode-radio-activeBackground","#bed6ed"],["--vscode-radio-activeBorder","#005fb8"],["--vscode-radio-activeForeground","#000000"],["--vscode-radio-inactiveBorder","rgba(0, 0, 0, 0.2)"],["--vscode-radio-inactiveHoverBackground","rgba(184, 184, 184, 0.31)"],["--vscode-sash-hoverBorder","#005fb8"],["--vscode-scmGraph-foreground1","#ffb000"],["--vscode-scmGraph-foreground2","#dc267f"],["--vscode-scmGraph-foreground3","#994f00"],["--vscode-scmGraph-foreground4","#40b0a6"],["--vscode-scmGraph-foreground5","#b66dff"],["--vscode-scmGraph-historyItemBaseRefColor","#ea5c00"],["--vscode-scmGraph-historyItemHoverAdditionsForeground","#587c0c"],["--vscode-scmGraph-historyItemHoverDefaultLabelBackground","#cccccc"],["--vscode-scmGraph-historyItemHoverDefaultLabelForeground","#3b3b3b"],["--vscode-scmGraph-historyItemHoverDeletionsForeground","#ad0707"],["--vscode-scmGraph-historyItemHoverLabelForeground","#f8f8f8"],["--vscode-scmGraph-historyItemRefColor","#0063d3"],["--vscode-scmGraph-historyItemRemoteRefColor","#652d90"],["--vscode-scrollbar-shadow","#dddddd"],["--vscode-scrollbarSlider-activeBackground","rgba(0, 0, 0, 0.6)"],["--vscode-scrollbarSlider-background","rgba(100, 100, 100, 0.4)"],["--vscode-scrollbarSlider-hoverBackground","rgba(100, 100, 100, 0.7)"],["--vscode-search-resultsInfoForeground","#3b3b3b"],["--vscode-searchEditor-findMatchBackground","rgba(234, 92, 0, 0.22)"],["--vscode-searchEditor-textInputBorder","#cecece"],["--vscode-settings-checkboxBackground","#f8f8f8"],["--vscode-settings-checkboxBorder","#cecece"],["--vscode-settings-checkboxForeground","#3b3b3b"],["--vscode-settings-dropdownBackground","#ffffff"],["--vscode-settings-dropdownBorder","#cecece"],["--vscode-settings-dropdownForeground","#3b3b3b"],["--vscode-settings-dropdownListBorder","rgba(59, 59, 59, 0.2)"],["--vscode-settings-focusedRowBackground","rgba(242, 242, 242, 0.6)"],["--vscode-settings-focusedRowBorder","#005fb8"],["--vscode-settings-headerBorder","#e5e5e5"],["--vscode-settings-headerForeground","#1f1f1f"],["--vscode-settings-modifiedItemIndicator","rgba(187, 128, 9, 0.4)"],["--vscode-settings-numberInputBackground","#ffffff"],["--vscode-settings-numberInputBorder","#cecece"],["--vscode-settings-numberInputForeground","#3b3b3b"],["--vscode-settings-rowHoverBackground","rgba(242, 242, 242, 0.3)"],["--vscode-settings-sashBorder","#e5e5e5"],["--vscode-settings-settingsHeaderHoverForeground","rgba(31, 31, 31, 0.7)"],["--vscode-settings-textInputBackground","#ffffff"],["--vscode-settings-textInputBorder","#cecece"],["--vscode-settings-textInputForeground","#3b3b3b"],["--vscode-sideBar-background","#f8f8f8"],["--vscode-sideBar-border","#e5e5e5"],["--vscode-sideBar-dropBackground","rgba(38, 119, 203, 0.18)"],["--vscode-sideBar-foreground","#3b3b3b"],["--vscode-sideBarActivityBarTop-border","#e5e5e5"],["--vscode-sideBarSectionHeader-background","#f8f8f8"],["--vscode-sideBarSectionHeader-border","#e5e5e5"],["--vscode-sideBarSectionHeader-foreground","#3b3b3b"],["--vscode-sideBarStickyScroll-background","#f8f8f8"],["--vscode-sideBarStickyScroll-shadow","#dddddd"],["--vscode-sideBarTitle-background","#f8f8f8"],["--vscode-sideBarTitle-foreground","#3b3b3b"],["--vscode-sideBySideEditor-horizontalBorder","#e5e5e5"],["--vscode-sideBySideEditor-verticalBorder","#e5e5e5"],["--vscode-simpleFindWidget-sashBorder","#c8c8c8"],["--vscode-spacing-size100","10px"],["--vscode-spacing-size120","12px"],["--vscode-spacing-size160","16px"],["--vscode-spacing-size20","2px"],["--vscode-spacing-size200","20px"],["--vscode-spacing-size240","24px"],["--vscode-spacing-size280","28px"],["--vscode-spacing-size320","32px"],["--vscode-spacing-size360","36px"],["--vscode-spacing-size40","4px"],["--vscode-spacing-size400","40px"],["--vscode-spacing-size60","6px"],["--vscode-spacing-size80","8px"],["--vscode-spacing-sizeNone","0px"],["--vscode-statusBar-background","#f8f8f8"],["--vscode-statusBar-border","#e5e5e5"],["--vscode-statusBar-debuggingBackground","#fd716c"],["--vscode-statusBar-debuggingBorder","#e5e5e5"],["--vscode-statusBar-debuggingForeground","#000000"],["--vscode-statusBar-focusBorder","#005fb8"],["--vscode-statusBar-foreground","#3b3b3b"],["--vscode-statusBar-noFolderBackground","#f8f8f8"],["--vscode-statusBar-noFolderBorder","#e5e5e5"],["--vscode-statusBar-noFolderForeground","#3b3b3b"],["--vscode-statusBarItem-activeBackground","rgba(255, 255, 255, 0.18)"],["--vscode-statusBarItem-compactHoverBackground","#cccccc"],["--vscode-statusBarItem-errorBackground","#c72e0f"],["--vscode-statusBarItem-errorForeground","#ffffff"],["--vscode-statusBarItem-errorHoverBackground","rgba(31, 31, 31, 0.07)"],["--vscode-statusBarItem-errorHoverForeground","#000000"],["--vscode-statusBarItem-focusBorder","#005fb8"],["--vscode-statusBarItem-hoverBackground","rgba(31, 31, 31, 0.07)"],["--vscode-statusBarItem-hoverForeground","#000000"],["--vscode-statusBarItem-offlineBackground","#6c1717"],["--vscode-statusBarItem-offlineForeground","#ffffff"],["--vscode-statusBarItem-offlineHoverBackground","rgba(31, 31, 31, 0.07)"],["--vscode-statusBarItem-offlineHoverForeground","#000000"],["--vscode-statusBarItem-prominentBackground","rgba(110, 118, 129, 0.4)"],["--vscode-statusBarItem-prominentForeground","#3b3b3b"],["--vscode-statusBarItem-prominentHoverBackground","rgba(31, 31, 31, 0.07)"],["--vscode-statusBarItem-prominentHoverForeground","#000000"],["--vscode-statusBarItem-remoteBackground","#005fb8"],["--vscode-statusBarItem-remoteForeground","#ffffff"],["--vscode-statusBarItem-remoteHoverBackground","rgba(31, 31, 31, 0.07)"],["--vscode-statusBarItem-remoteHoverForeground","#000000"],["--vscode-statusBarItem-warningBackground","#725102"],["--vscode-statusBarItem-warningForeground","#ffffff"],["--vscode-statusBarItem-warningHoverBackground","rgba(31, 31, 31, 0.07)"],["--vscode-statusBarItem-warningHoverForeground","#000000"],["--vscode-strokeThickness","1px"],["--vscode-strongForeground","#000000"],["--vscode-symbolIcon-arrayForeground","#3b3b3b"],["--vscode-symbolIcon-booleanForeground","#3b3b3b"],["--vscode-symbolIcon-classForeground","#d67e00"],["--vscode-symbolIcon-colorForeground","#3b3b3b"],["--vscode-symbolIcon-constantForeground","#3b3b3b"],["--vscode-symbolIcon-constructorForeground","#652d90"],["--vscode-symbolIcon-enumeratorForeground","#d67e00"],["--vscode-symbolIcon-enumeratorMemberForeground","#007acc"],["--vscode-symbolIcon-eventForeground","#d67e00"],["--vscode-symbolIcon-fieldForeground","#007acc"],["--vscode-symbolIcon-fileForeground","#3b3b3b"],["--vscode-symbolIcon-folderForeground","#3b3b3b"],["--vscode-symbolIcon-functionForeground","#652d90"],["--vscode-symbolIcon-interfaceForeground","#007acc"],["--vscode-symbolIcon-keyForeground","#3b3b3b"],["--vscode-symbolIcon-keywordForeground","#3b3b3b"],["--vscode-symbolIcon-methodForeground","#652d90"],["--vscode-symbolIcon-moduleForeground","#3b3b3b"],["--vscode-symbolIcon-namespaceForeground","#3b3b3b"],["--vscode-symbolIcon-nullForeground","#3b3b3b"],["--vscode-symbolIcon-numberForeground","#3b3b3b"],["--vscode-symbolIcon-objectForeground","#3b3b3b"],["--vscode-symbolIcon-operatorForeground","#3b3b3b"],["--vscode-symbolIcon-packageForeground","#3b3b3b"],["--vscode-symbolIcon-propertyForeground","#3b3b3b"],["--vscode-symbolIcon-referenceForeground","#3b3b3b"],["--vscode-symbolIcon-snippetForeground","#3b3b3b"],["--vscode-symbolIcon-stringForeground","#3b3b3b"],["--vscode-symbolIcon-structForeground","#3b3b3b"],["--vscode-symbolIcon-textForeground","#3b3b3b"],["--vscode-symbolIcon-typeParameterForeground","#3b3b3b"],["--vscode-symbolIcon-unitForeground","#3b3b3b"],["--vscode-symbolIcon-variableForeground","#007acc"],["--vscode-tab-activeBackground","#ffffff"],["--vscode-tab-activeBorder","#f8f8f8"],["--vscode-tab-activeBorderTop","#005fb8"],["--vscode-tab-activeForeground","#3b3b3b"],["--vscode-tab-activeModifiedBorder","#33aaee"],["--vscode-tab-border","#e5e5e5"],["--vscode-tab-dragAndDropBorder","#3b3b3b"],["--vscode-tab-hoverBackground","#ffffff"],["--vscode-tab-inactiveBackground","#f8f8f8"],["--vscode-tab-inactiveForeground","#868686"],["--vscode-tab-inactiveModifiedBorder","rgba(51, 170, 238, 0.5)"],["--vscode-tab-lastPinnedBorder","#d4d4d4"],["--vscode-tab-selectedBackground","rgba(255, 255, 255, 0.65)"],["--vscode-tab-selectedBorderTop","#68a3da"],["--vscode-tab-selectedForeground","rgba(51, 51, 51, 0.7)"],["--vscode-tab-unfocusedActiveBackground","#ffffff"],["--vscode-tab-unfocusedActiveBorder","#f8f8f8"],["--vscode-tab-unfocusedActiveBorderTop","#e5e5e5"],["--vscode-tab-unfocusedActiveForeground","rgba(59, 59, 59, 0.7)"],["--vscode-tab-unfocusedActiveModifiedBorder","rgba(51, 170, 238, 0.7)"],["--vscode-tab-unfocusedHoverBackground","#f8f8f8"],["--vscode-tab-unfocusedInactiveBackground","#f8f8f8"],["--vscode-tab-unfocusedInactiveForeground","rgba(134, 134, 134, 0.5)"],["--vscode-tab-unfocusedInactiveModifiedBorder","rgba(51, 170, 238, 0.25)"],["--vscode-terminal-ansiBlack","#000000"],["--vscode-terminal-ansiBlue","#0451a5"],["--vscode-terminal-ansiBrightBlack","#666666"],["--vscode-terminal-ansiBrightBlue","#0451a5"],["--vscode-terminal-ansiBrightCyan","#0598bc"],["--vscode-terminal-ansiBrightGreen","#14ce14"],["--vscode-terminal-ansiBrightMagenta","#bc05bc"],["--vscode-terminal-ansiBrightRed","#cd3131"],["--vscode-terminal-ansiBrightWhite","#a5a5a5"],["--vscode-terminal-ansiBrightYellow","#b5ba00"],["--vscode-terminal-ansiCyan","#0598bc"],["--vscode-terminal-ansiGreen","#107c10"],["--vscode-terminal-ansiMagenta","#bc05bc"],["--vscode-terminal-ansiRed","#cd3131"],["--vscode-terminal-ansiWhite","#555555"],["--vscode-terminal-ansiYellow","#949800"],["--vscode-terminal-border","#e5e5e5"],["--vscode-terminal-dropBackground","rgba(38, 119, 203, 0.18)"],["--vscode-terminal-findMatchBackground","#a8ac94"],["--vscode-terminal-findMatchHighlightBackground","rgba(234, 92, 0, 0.33)"],["--vscode-terminal-foreground","#3b3b3b"],["--vscode-terminal-hoverHighlightBackground","rgba(173, 214, 255, 0.07)"],["--vscode-terminal-inactiveSelectionBackground","#e5ebf1"],["--vscode-terminal-initialHintForeground","rgba(0, 0, 0, 0.47)"],["--vscode-terminal-selectionBackground","#add6ff"],["--vscode-terminal-tab.activeBorder","#005fb8"],["--vscode-terminalCommandDecoration-defaultBackground","rgba(0, 0, 0, 0.25)"],["--vscode-terminalCommandDecoration-errorBackground","#e51400"],["--vscode-terminalCommandDecoration-successBackground","#2090d3"],["--vscode-terminalCommandGuide-foreground","#e4e6f1"],["--vscode-terminalCursor-foreground","#005fb8"],["--vscode-terminalOverviewRuler-border","#e5e5e5"],["--vscode-terminalOverviewRuler-cursorForeground","rgba(160, 160, 160, 0.8)"],["--vscode-terminalOverviewRuler-findMatchForeground","rgba(209, 134, 22, 0.49)"],["--vscode-terminalStickyScrollHover-background","#f0f0f0"],["--vscode-terminalSymbolIcon-aliasForeground","#652d90"],["--vscode-terminalSymbolIcon-argumentForeground","#007acc"],["--vscode-terminalSymbolIcon-branchForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-commitForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-fileForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-flagForeground","#d67e00"],["--vscode-terminalSymbolIcon-folderForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-methodForeground","#652d90"],["--vscode-terminalSymbolIcon-optionForeground","#d67e00"],["--vscode-terminalSymbolIcon-optionValueForeground","#007acc"],["--vscode-terminalSymbolIcon-pullRequestDoneForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-pullRequestForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-remoteForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-stashForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-symbolicLinkFileForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-symbolicLinkFolderForeground","#3b3b3b"],["--vscode-terminalSymbolIcon-symbolText","#3b3b3b"],["--vscode-terminalSymbolIcon-tagForeground","#3b3b3b"],["--vscode-testing-coverCountBadgeBackground","#cccccc"],["--vscode-testing-coverCountBadgeForeground","#3b3b3b"],["--vscode-testing-coveredBackground","rgba(156, 204, 44, 0.25)"],["--vscode-testing-coveredBorder","rgba(156, 204, 44, 0.19)"],["--vscode-testing-coveredGutterBackground","rgba(156, 204, 44, 0.15)"],["--vscode-testing-coveredMinimapBackground","rgba(156, 204, 44, 0.15)"],["--vscode-testing-iconErrored","#b01011"],["--vscode-testing-iconErrored.retired","rgba(176, 16, 17, 0.7)"],["--vscode-testing-iconFailed","#b01011"],["--vscode-testing-iconFailed.retired","rgba(176, 16, 17, 0.7)"],["--vscode-testing-iconPassed","#73c991"],["--vscode-testing-iconPassed.retired","rgba(115, 201, 145, 0.7)"],["--vscode-testing-iconQueued","#855f00"],["--vscode-testing-iconQueued.retired","rgba(133, 95, 0, 0.7)"],["--vscode-testing-iconSkipped","#848484"],["--vscode-testing-iconSkipped.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-iconUnset","#848484"],["--vscode-testing-iconUnset.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-message.error.badgeBackground","#e51400"],["--vscode-testing-message.error.badgeBorder","#e51400"],["--vscode-testing-message.error.badgeForeground","#ffffff"],["--vscode-testing-message.info.decorationForeground","rgba(59, 59, 59, 0.5)"],["--vscode-testing-messagePeekBorder","#0063d3"],["--vscode-testing-messagePeekHeaderBackground","rgba(0, 99, 211, 0.1)"],["--vscode-testing-peekBorder","#e51400"],["--vscode-testing-peekHeaderBackground","rgba(229, 20, 0, 0.1)"],["--vscode-testing-runAction","#73c991"],["--vscode-testing-uncoveredBackground","rgba(255, 0, 0, 0.2)"],["--vscode-testing-uncoveredBorder","rgba(255, 0, 0, 0.15)"],["--vscode-testing-uncoveredBranchBackground","#ff9999"],["--vscode-testing-uncoveredGutterBackground","rgba(255, 0, 0, 0.3)"],["--vscode-testing-uncoveredMinimapBackground","rgba(255, 0, 0, 0.3)"],["--vscode-textBlockQuote-background","#f8f8f8"],["--vscode-textBlockQuote-border","#e5e5e5"],["--vscode-textCodeBlock-background","#f8f8f8"],["--vscode-textLink-activeForeground","#005fb8"],["--vscode-textLink-foreground","#005fb8"],["--vscode-textPreformat-background","rgba(0, 0, 0, 0.12)"],["--vscode-textPreformat-foreground","#3b3b3b"],["--vscode-textSeparator-foreground","#21262d"],["--vscode-titleBar-activeBackground","#f8f8f8"],["--vscode-titleBar-activeForeground","#1e1e1e"],["--vscode-titleBar-border","#e5e5e5"],["--vscode-titleBar-inactiveBackground","#f8f8f8"],["--vscode-titleBar-inactiveForeground","#8b949e"],["--vscode-toolbar-activeBackground","rgba(166, 166, 166, 0.31)"],["--vscode-toolbar-hoverBackground","rgba(184, 184, 184, 0.31)"],["--vscode-tree-inactiveIndentGuidesStroke","rgba(169, 169, 169, 0.4)"],["--vscode-tree-indentGuidesStroke","#a9a9a9"],["--vscode-tree-tableColumnsBorder","rgba(97, 97, 97, 0.13)"],["--vscode-tree-tableOddRowsBackground","rgba(59, 59, 59, 0.04)"],["--vscode-walkThrough-embeddedEditorBackground","#f4f4f4"],["--vscode-walkthrough-stepTitle.foreground","#000000"],["--vscode-welcomePage-progress.background","#ffffff"],["--vscode-welcomePage-progress.foreground","#005fb8"],["--vscode-welcomePage-tileBackground","#f3f3f3"],["--vscode-welcomePage-tileBorder","rgba(0, 0, 0, 0.1)"],["--vscode-welcomePage-tileHoverBackground","#dfdfdf"],["--vscode-widget-border","#e5e5e5"],["--vscode-widget-shadow","rgba(0, 0, 0, 0.16)"]],"high-contrast":[["--vscode-actionBar-toggledBackground","#383a49"],["--vscode-activeSessionView-background","#000000"],["--vscode-activityBar-activeBorder","#6fc3df"],["--vscode-activityBar-background","#000000"],["--vscode-activityBar-border","#6fc3df"],["--vscode-activityBar-foreground","#ffffff"],["--vscode-activityBar-inactiveForeground","#ffffff"],["--vscode-activityBarBadge-background","#000000"],["--vscode-activityBarBadge-foreground","#ffffff"],["--vscode-activityBarTop-activeBorder","#6fc3df"],["--vscode-activityBarTop-dropBorder","#ffffff"],["--vscode-activityBarTop-foreground","#ffffff"],["--vscode-activityBarTop-inactiveForeground","#ffffff"],["--vscode-activityWarningBadge-foreground","#ffffff"],["--vscode-agentFeedbackEditorWidget-background","#000000"],["--vscode-agentFeedbackEditorWidget-border","#6fc3df"],["--vscode-agentFeedbackInputWidget-border","#6fc3df"],["--vscode-agents-background","#000000"],["--vscode-agents-fontSize-body1","13px"],["--vscode-agents-fontSize-body2","11px"],["--vscode-agents-fontSize-heading1","26px"],["--vscode-agents-fontSize-heading2","18px"],["--vscode-agents-fontSize-heading3","13px"],["--vscode-agents-fontSize-label1","12px"],["--vscode-agents-fontSize-label2","11px"],["--vscode-agents-fontSize-label3","10px"],["--vscode-agents-fontWeight-regular","400"],["--vscode-agents-fontWeight-semiBold","600"],["--vscode-agentsBadge-background","#000000"],["--vscode-agentsBadge-foreground","#ffffff"],["--vscode-agentsChatInput-background","#000000"],["--vscode-agentsChatInput-border","#6fc3df"],["--vscode-agentsChatInput-focusBorder","#f38518"],["--vscode-agentsChatInput-foreground","#ffffff"],["--vscode-agentsChatInput-placeholderForeground","rgba(255, 255, 255, 0.7)"],["--vscode-agentSessionSelectedBadge-border","#ffffff"],["--vscode-agentSessionSelectedUnfocusedBadge-border","#ffffff"],["--vscode-agentsGradient-tintColor","#000000"],["--vscode-agentsNewSessionButton-background","rgba(0, 0, 0, 0)"],["--vscode-agentsNewSessionButton-border","#6fc3df"],["--vscode-agentsPanel-background","#000000"],["--vscode-agentsPanel-border","#6fc3df"],["--vscode-agentsUnreadBadge-background","#000000"],["--vscode-agentsUnreadBadge-foreground","#ffffff"],["--vscode-agentsUpdateButton-downloadedBackground","rgba(0, 0, 0, 0.7)"],["--vscode-agentsUpdateButton-downloadingBackground","rgba(0, 0, 0, 0.4)"],["--vscode-agentsVoice-speakingBackground","rgba(210, 168, 255, 0.08)"],["--vscode-agentsVoice-speakingForeground","#d2a8ff"],["--vscode-badge-background","#000000"],["--vscode-badge-foreground","#ffffff"],["--vscode-banner-iconForeground","#59a4f9"],["--vscode-bodyFontSize","13px"],["--vscode-bodyFontSize-small","12px"],["--vscode-bodyFontSize-xSmall","11px"],["--vscode-breadcrumb-activeSelectionForeground","#ffffff"],["--vscode-breadcrumb-background","#000000"],["--vscode-breadcrumb-focusForeground","#ffffff"],["--vscode-breadcrumb-foreground","rgba(255, 255, 255, 0.8)"],["--vscode-breadcrumbPicker-background","#0c141f"],["--vscode-browser-border","#6fc3df"],["--vscode-button-background","#000000"],["--vscode-button-border","#6fc3df"],["--vscode-button-foreground","#ffffff"],["--vscode-button-hoverBackground","#000000"],["--vscode-button-secondaryBorder","#6fc3df"],["--vscode-button-secondaryForeground","#ffffff"],["--vscode-button-separator","rgba(255, 255, 255, 0.4)"],["--vscode-chart-axis","#6fc3df"],["--vscode-chart-guide","#6fc3df"],["--vscode-chart-line","#236b8e"],["--vscode-charts-blue","#59a4f9"],["--vscode-charts-foreground","#ffffff"],["--vscode-charts-green","#89d185"],["--vscode-charts-lines","rgba(255, 255, 255, 0.5)"],["--vscode-charts-purple","#b180d7"],["--vscode-charts-red","#f48771"],["--vscode-charts-yellow","#ffd370"],["--vscode-chat-avatarBackground","#000000"],["--vscode-chat-avatarForeground","#ffffff"],["--vscode-chat-checkpointSeparator","#a9a9a9"],["--vscode-chat-editedFileForeground","#e2c08d"],["--vscode-chat-inputWorkingBorderColor1","#ffffff"],["--vscode-chat-inputWorkingBorderColor2","#a0a0a0"],["--vscode-chat-inputWorkingBorderColor3","#000000"],["--vscode-chat-linesAddedForeground","#54b054"],["--vscode-chat-linesRemovedForeground","#f48771"],["--vscode-chat-requestBackground","#0c141f"],["--vscode-chat-requestBorder","#6fc3df"],["--vscode-chat-slashCommandBackground","#ffffff"],["--vscode-chat-slashCommandForeground","#000000"],["--vscode-chat-thinkingShimmer","#ffffff"],["--vscode-checkbox-background","#000000"],["--vscode-checkbox-border","#6fc3df"],["--vscode-checkbox-disabled.background","#545454"],["--vscode-checkbox-disabled.foreground","#aaaaaa"],["--vscode-checkbox-foreground","#ffffff"],["--vscode-checkbox-selectBackground","#0c141f"],["--vscode-checkbox-selectBorder","#ffffff"],["--vscode-codiconFontSize","16px"],["--vscode-codiconFontSize-compact","12px"],["--vscode-commandCenter-activeBorder","#ffffff"],["--vscode-commandCenter-activeForeground","#ffffff"],["--vscode-commandCenter-border","#6fc3df"],["--vscode-commandCenter-debuggingBackground","rgba(186, 89, 44, 0.26)"],["--vscode-commandCenter-foreground","#ffffff"],["--vscode-commentsView-resolvedIcon","#6fc3df"],["--vscode-commentsView-unresolvedIcon","#6fc3df"],["--vscode-contrastActiveBorder","#f38518"],["--vscode-contrastBorder","#6fc3df"],["--vscode-cornerRadius-circle","9999px"],["--vscode-cornerRadius-large","8px"],["--vscode-cornerRadius-medium","6px"],["--vscode-cornerRadius-small","4px"],["--vscode-cornerRadius-xLarge","12px"],["--vscode-cornerRadius-xSmall","2px"],["--vscode-debugConsole-errorForeground","#f48771"],["--vscode-debugConsole-infoForeground","#ffffff"],["--vscode-debugConsole-sourceForeground","#ffffff"],["--vscode-debugConsole-warningForeground","#008000"],["--vscode-debugConsoleInputIcon-foreground","#ffffff"],["--vscode-debugExceptionWidget-background","#420b0d"],["--vscode-debugExceptionWidget-border","#a31515"],["--vscode-debugIcon-breakpointCurrentStackframeForeground","#ffcc00"],["--vscode-debugIcon-breakpointDisabledForeground","#848484"],["--vscode-debugIcon-breakpointForeground","#e51400"],["--vscode-debugIcon-breakpointStackframeForeground","#89d185"],["--vscode-debugIcon-breakpointUnverifiedForeground","#848484"],["--vscode-debugIcon-continueForeground","#75beff"],["--vscode-debugIcon-disconnectForeground","#f48771"],["--vscode-debugIcon-pauseForeground","#75beff"],["--vscode-debugIcon-restartForeground","#89d185"],["--vscode-debugIcon-startForeground","#89d185"],["--vscode-debugIcon-stepBackForeground","#75beff"],["--vscode-debugIcon-stepIntoForeground","#75beff"],["--vscode-debugIcon-stepOutForeground","#75beff"],["--vscode-debugIcon-stepOverForeground","#75beff"],["--vscode-debugIcon-stopForeground","#f48771"],["--vscode-debugTokenExpression-boolean","#75bdfe"],["--vscode-debugTokenExpression-error","#f48771"],["--vscode-debugTokenExpression-name","#ffffff"],["--vscode-debugTokenExpression-number","#89d185"],["--vscode-debugTokenExpression-string","#f48771"],["--vscode-debugTokenExpression-type","#ffffff"],["--vscode-debugTokenExpression-value","#ffffff"],["--vscode-debugToolBar-background","#000000"],["--vscode-debugView-exceptionLabelBackground","#6c2022"],["--vscode-debugView-exceptionLabelForeground","#ffffff"],["--vscode-debugView-stateLabelBackground","rgba(136, 136, 136, 0.27)"],["--vscode-debugView-stateLabelForeground","#ffffff"],["--vscode-debugView-valueChangedHighlight","#569cd6"],["--vscode-descriptionForeground","rgba(255, 255, 255, 0.7)"],["--vscode-diffEditor-border","#6fc3df"],["--vscode-diffEditor-insertedTextBorder","#33ff2e"],["--vscode-diffEditor-move.border","rgba(139, 139, 139, 0.61)"],["--vscode-diffEditor-moveActive.border","#ffa500"],["--vscode-diffEditor-removedTextBorder","#ff008f"],["--vscode-diffEditor-unchangedRegionBackground","#000000"],["--vscode-diffEditor-unchangedRegionForeground","#ffffff"],["--vscode-diffEditor-unchangedRegionShadow","#000000"],["--vscode-disabledForeground","#a5a5a5"],["--vscode-dropdown-background","#000000"],["--vscode-dropdown-border","#6fc3df"],["--vscode-dropdown-foreground","#ffffff"],["--vscode-dropdown-listBackground","#000000"],["--vscode-editor-background","#000000"],["--vscode-editor-compositionBorder","#ffffff"],["--vscode-editor-findMatchBorder","#f38518"],["--vscode-editor-findMatchHighlightBorder","#f38518"],["--vscode-editor-findRangeHighlightBorder","rgba(243, 133, 24, 0.4)"],["--vscode-editor-focusedStackFrameHighlightBackground","rgba(122, 189, 122, 0.3)"],["--vscode-editor-font-family","'Droid Sans Mono', monospace"],["--vscode-editor-font-feature-settings","\"liga\" off, \"calt\" off"],["--vscode-editor-font-size","14px"],["--vscode-editor-font-weight","normal"],["--vscode-editor-foreground","#ffffff"],["--vscode-editor-hoverHighlightBackground","rgba(173, 214, 255, 0.15)"],["--vscode-editor-inactiveSelectionBackground","rgba(255, 255, 255, 0.7)"],["--vscode-editor-inlineValuesBackground","rgba(255, 200, 0, 0.2)"],["--vscode-editor-inlineValuesForeground","rgba(255, 255, 255, 0.5)"],["--vscode-editor-lineHighlightBorder","#f38518"],["--vscode-editor-linkedEditingBackground","rgba(255, 0, 0, 0.3)"],["--vscode-editor-rangeHighlightBorder","#f38518"],["--vscode-editor-selectionBackground","#ffffff"],["--vscode-editor-selectionForeground","#000000"],["--vscode-editor-selectionHighlightBorder","#f38518"],["--vscode-editor-snippetFinalTabstopHighlightBorder","#525252"],["--vscode-editor-snippetTabstopHighlightBackground","rgba(124, 124, 124, 0.3)"],["--vscode-editor-stackFrameHighlightBackground","rgba(255, 255, 0, 0.2)"],["--vscode-editor-symbolHighlightBorder","#f38518"],["--vscode-editor-wordHighlightBorder","#f38518"],["--vscode-editor-wordHighlightStrongBorder","#f38518"],["--vscode-editor-wordHighlightTextBorder","#f38518"],["--vscode-editorActionList-background","#0c141f"],["--vscode-editorActionList-foreground","#ffffff"],["--vscode-editorActiveLineNumber-foreground","#f38518"],["--vscode-editorBracketHighlight-foreground1","#ffd700"],["--vscode-editorBracketHighlight-foreground2","#da70d6"],["--vscode-editorBracketHighlight-foreground3","#87cefa"],["--vscode-editorBracketHighlight-foreground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-unexpectedBracket.foreground","#ff3232"],["--vscode-editorBracketMatch-background","rgba(0, 100, 0, 0.1)"],["--vscode-editorBracketMatch-border","#6fc3df"],["--vscode-editorBracketPairGuide-activeBackground1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorCodeLens-foreground","#999999"],["--vscode-editorCommentsWidget-rangeActiveBackground","rgba(111, 195, 223, 0.1)"],["--vscode-editorCommentsWidget-rangeBackground","rgba(111, 195, 223, 0.1)"],["--vscode-editorCommentsWidget-replyInputBackground","#000000"],["--vscode-editorCommentsWidget-resolvedBorder","#6fc3df"],["--vscode-editorCommentsWidget-unresolvedBorder","#6fc3df"],["--vscode-editorCursor-foreground","#ffffff"],["--vscode-editorError-border","rgba(228, 119, 119, 0.8)"],["--vscode-editorError-foreground","#f48771"],["--vscode-editorGhostText-border","rgba(255, 255, 255, 0.8)"],["--vscode-editorGroup-border","#6fc3df"],["--vscode-editorGroup-dropIntoPromptBackground","#0c141f"],["--vscode-editorGroup-dropIntoPromptBorder","#6fc3df"],["--vscode-editorGroup-dropIntoPromptForeground","#ffffff"],["--vscode-editorGroup-focusedEmptyBorder","#f38518"],["--vscode-editorGroupHeader-border","#6fc3df"],["--vscode-editorGroupHeader-noTabsBackground","#000000"],["--vscode-editorGutter-addedBackground","#487e02"],["--vscode-editorGutter-addedSecondaryBackground","#487e02"],["--vscode-editorGutter-background","#000000"],["--vscode-editorGutter-commentDraftGlyphForeground","#000000"],["--vscode-editorGutter-commentGlyphForeground","#000000"],["--vscode-editorGutter-commentRangeForeground","#ffffff"],["--vscode-editorGutter-commentUnresolvedGlyphForeground","#000000"],["--vscode-editorGutter-deletedBackground","#f48771"],["--vscode-editorGutter-deletedSecondaryBackground","#f48771"],["--vscode-editorGutter-foldingControlForeground","#ffffff"],["--vscode-editorGutter-itemBackground","#ffffff"],["--vscode-editorGutter-itemGlyphForeground","#000000"],["--vscode-editorGutter-modifiedBackground","#1b81a8"],["--vscode-editorGutter-modifiedSecondaryBackground","#1b81a8"],["--vscode-editorHint-border","rgba(238, 238, 238, 0.8)"],["--vscode-editorHoverWidget-background","#0c141f"],["--vscode-editorHoverWidget-border","#6fc3df"],["--vscode-editorHoverWidget-foreground","#ffffff"],["--vscode-editorHoverWidget-highlightForeground","#f38518"],["--vscode-editorHoverWidget-statusBarBackground","#0c141f"],["--vscode-editorIndentGuide-activeBackground","#7c7c7c"],["--vscode-editorIndentGuide-activeBackground1","#ffffff"],["--vscode-editorIndentGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background","#7c7c7c"],["--vscode-editorIndentGuide-background1","#ffffff"],["--vscode-editorIndentGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorInfo-border","rgba(89, 164, 249, 0.8)"],["--vscode-editorInfo-foreground","#59a4f9"],["--vscode-editorInlayHint-background","rgba(255, 255, 255, 0.1)"],["--vscode-editorInlayHint-foreground","#ffffff"],["--vscode-editorInlayHint-parameterBackground","rgba(255, 255, 255, 0.1)"],["--vscode-editorInlayHint-parameterForeground","#ffffff"],["--vscode-editorInlayHint-typeBackground","rgba(255, 255, 255, 0.1)"],["--vscode-editorInlayHint-typeForeground","#ffffff"],["--vscode-editorLightBulb-foreground","#ffcc00"],["--vscode-editorLightBulbAi-foreground","#ffcc00"],["--vscode-editorLightBulbAutoFix-foreground","#75beff"],["--vscode-editorLineNumber-activeForeground","#f38518"],["--vscode-editorLineNumber-foreground","#ffffff"],["--vscode-editorLink-activeForeground","#00ffff"],["--vscode-editorMarkerNavigation-background","#000000"],["--vscode-editorMarkerNavigationError-background","#6fc3df"],["--vscode-editorMarkerNavigationInfo-background","#6fc3df"],["--vscode-editorMarkerNavigationWarning-background","#6fc3df"],["--vscode-editorMarkerNavigationWarning-headerBackground","#0c141f"],["--vscode-editorMultiCursor-primary.foreground","#ffffff"],["--vscode-editorMultiCursor-secondary.foreground","#ffffff"],["--vscode-editorOverviewRuler-addedForeground","rgba(72, 126, 2, 0.6)"],["--vscode-editorOverviewRuler-border","rgba(127, 127, 127, 0.3)"],["--vscode-editorOverviewRuler-bracketMatchForeground","#a0a0a0"],["--vscode-editorOverviewRuler-commentDraftForeground","#ffffff"],["--vscode-editorOverviewRuler-commentForeground","#ffffff"],["--vscode-editorOverviewRuler-commentUnresolvedForeground","#ffffff"],["--vscode-editorOverviewRuler-commonContentForeground","#c3df6f"],["--vscode-editorOverviewRuler-currentContentForeground","#c3df6f"],["--vscode-editorOverviewRuler-deletedForeground","rgba(244, 135, 113, 0.6)"],["--vscode-editorOverviewRuler-errorForeground","#ff3232"],["--vscode-editorOverviewRuler-findMatchForeground","#ab5a00"],["--vscode-editorOverviewRuler-incomingContentForeground","#c3df6f"],["--vscode-editorOverviewRuler-infoForeground","rgba(89, 164, 249, 0.8)"],["--vscode-editorOverviewRuler-modifiedForeground","rgba(27, 129, 168, 0.6)"],["--vscode-editorOverviewRuler-rangeHighlightForeground","rgba(0, 122, 204, 0.6)"],["--vscode-editorOverviewRuler-selectionHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-warningForeground","rgba(255, 204, 0, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightStrongForeground","rgba(192, 160, 192, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightTextForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorPane-background","#000000"],["--vscode-editorRuler-foreground","#ffffff"],["--vscode-editorStickyScroll-background","#000000"],["--vscode-editorStickyScroll-border","#6fc3df"],["--vscode-editorStickyScrollGutter-background","#000000"],["--vscode-editorSuggestWidget-background","#0c141f"],["--vscode-editorSuggestWidget-border","#6fc3df"],["--vscode-editorSuggestWidget-focusHighlightForeground","#f38518"],["--vscode-editorSuggestWidget-foreground","#ffffff"],["--vscode-editorSuggestWidget-highlightForeground","#f38518"],["--vscode-editorSuggestWidgetStatus-foreground","rgba(255, 255, 255, 0.5)"],["--vscode-editorUnicodeHighlight-border","#ffd370"],["--vscode-editorUnnecessaryCode-border","rgba(255, 255, 255, 0.8)"],["--vscode-editorWarning-border","rgba(255, 204, 0, 0.8)"],["--vscode-editorWarning-foreground","#ffd370"],["--vscode-editorWhitespace-foreground","#7c7c7c"],["--vscode-editorWidget-background","#0c141f"],["--vscode-editorWidget-border","#6fc3df"],["--vscode-editorWidget-foreground","#ffffff"],["--vscode-errorForeground","#f48771"],["--vscode-extensionBadge-remoteBackground","#000000"],["--vscode-extensionBadge-remoteForeground","#ffffff"],["--vscode-extensionButton-border","#6fc3df"],["--vscode-extensionButton-separator","rgba(255, 255, 255, 0.4)"],["--vscode-extensionIcon-preReleaseForeground","#1d9271"],["--vscode-extensionIcon-privateForeground","rgba(255, 255, 255, 0.38)"],["--vscode-extensionIcon-starForeground","#ff8e00"],["--vscode-extensionIcon-verifiedForeground","#21a6ff"],["--vscode-focusBorder","#f38518"],["--vscode-font-family","system-ui, \"Ubuntu\", \"Droid Sans\", sans-serif"],["--vscode-font-size","13px"],["--vscode-font-weight","normal"],["--vscode-foreground","#ffffff"],["--vscode-git-blame.editorDecorationForeground","#ffffff"],["--vscode-gitDecoration-addedResourceForeground","#a1e3ad"],["--vscode-gitDecoration-conflictingResourceForeground","#c74e39"],["--vscode-gitDecoration-deletedResourceForeground","#c74e39"],["--vscode-gitDecoration-ignoredResourceForeground","#a7a8a9"],["--vscode-gitDecoration-modifiedResourceForeground","#e2c08d"],["--vscode-gitDecoration-renamedResourceForeground","#73c991"],["--vscode-gitDecoration-stageDeletedResourceForeground","#c74e39"],["--vscode-gitDecoration-stageModifiedResourceForeground","#e2c08d"],["--vscode-gitDecoration-submoduleResourceForeground","#8db9e2"],["--vscode-gitDecoration-untrackedResourceForeground","#73c991"],["--vscode-icon-foreground","#ffffff"],["--vscode-inactiveSessionView-background","#000000"],["--vscode-inlineChat-background","#0c141f"],["--vscode-inlineChat-border","#6fc3df"],["--vscode-inlineChat-foreground","#ffffff"],["--vscode-inlineChatInput-background","#000000"],["--vscode-inlineChatInput-border","#6fc3df"],["--vscode-inlineChatInput-focusBorder","#f38518"],["--vscode-inlineChatInput-placeholderForeground","rgba(255, 255, 255, 0.7)"],["--vscode-inlineEdit-gutterIndicator.primaryBackground","rgba(0, 0, 0, 0.4)"],["--vscode-inlineEdit-gutterIndicator.primaryBorder","#000000"],["--vscode-inlineEdit-gutterIndicator.primaryForeground","#ffffff"],["--vscode-inlineEdit-gutterIndicator.secondaryBackground","#0c141f"],["--vscode-inlineEdit-gutterIndicator.secondaryBorder","#6fc3df"],["--vscode-inlineEdit-gutterIndicator.secondaryForeground","#ffffff"],["--vscode-inlineEdit-gutterIndicator.successfulBackground","#000000"],["--vscode-inlineEdit-gutterIndicator.successfulBorder","#000000"],["--vscode-inlineEdit-gutterIndicator.successfulForeground","#ffffff"],["--vscode-input-background","#000000"],["--vscode-input-border","#6fc3df"],["--vscode-input-foreground","#ffffff"],["--vscode-input-placeholderForeground","rgba(255, 255, 255, 0.7)"],["--vscode-inputOption-activeBackground","rgba(0, 0, 0, 0)"],["--vscode-inputOption-activeBorder","#6fc3df"],["--vscode-inputOption-activeForeground","#ffffff"],["--vscode-inputValidation-errorBackground","#000000"],["--vscode-inputValidation-errorBorder","#6fc3df"],["--vscode-inputValidation-infoBackground","#000000"],["--vscode-inputValidation-infoBorder","#6fc3df"],["--vscode-inputValidation-warningBackground","#000000"],["--vscode-inputValidation-warningBorder","#6fc3df"],["--vscode-interactive-activeCodeBorder","#6fc3df"],["--vscode-interactive-inactiveCodeBorder","#6fc3df"],["--vscode-keybindingLabel-background","rgba(0, 0, 0, 0)"],["--vscode-keybindingLabel-border","#6fc3df"],["--vscode-keybindingLabel-bottomBorder","#6fc3df"],["--vscode-keybindingLabel-foreground","#ffffff"],["--vscode-list-deemphasizedForeground","#a7a8a9"],["--vscode-list-filterMatchBorder","#6fc3df"],["--vscode-list-focusHighlightForeground","#f38518"],["--vscode-list-focusOutline","#f38518"],["--vscode-list-highlightForeground","#f38518"],["--vscode-list-hoverBackground","rgba(255, 255, 255, 0.1)"],["--vscode-list-invalidItemForeground","#b89500"],["--vscode-listFilterWidget-background","#0c141f"],["--vscode-listFilterWidget-noMatchesOutline","#6fc3df"],["--vscode-listFilterWidget-outline","#f38518"],["--vscode-markdownAlert-caution.foreground","#f48771"],["--vscode-markdownAlert-important.foreground","#b180d7"],["--vscode-markdownAlert-note.foreground","#59a4f9"],["--vscode-markdownAlert-tip.foreground","#89d185"],["--vscode-markdownAlert-warning.foreground","#ffd370"],["--vscode-mcpIcon-starForeground","#ff8e00"],["--vscode-menu-background","#000000"],["--vscode-menu-border","#6fc3df"],["--vscode-menu-foreground","#ffffff"],["--vscode-menu-selectionBorder","#f38518"],["--vscode-menu-separatorBackground","#6fc3df"],["--vscode-menubar-selectionBorder","#f38518"],["--vscode-menubar-selectionForeground","#ffffff"],["--vscode-merge-border","#c3df6f"],["--vscode-mergeEditor-change.background","rgba(155, 185, 85, 0.2)"],["--vscode-mergeEditor-change.word.background","rgba(156, 204, 44, 0.2)"],["--vscode-mergeEditor-changeBase.background","#4b1818"],["--vscode-mergeEditor-changeBase.word.background","#6f1313"],["--vscode-mergeEditor-conflict.handled.minimapOverViewRuler","rgba(173, 172, 168, 0.93)"],["--vscode-mergeEditor-conflict.handledFocused.border","rgba(193, 193, 193, 0.8)"],["--vscode-mergeEditor-conflict.handledUnfocused.border","rgba(134, 134, 134, 0.29)"],["--vscode-mergeEditor-conflict.unhandled.minimapOverViewRuler","#fcba03"],["--vscode-mergeEditor-conflict.unhandledFocused.border","#ffa600"],["--vscode-mergeEditor-conflict.unhandledUnfocused.border","rgba(255, 166, 0, 0.48)"],["--vscode-mergeEditor-conflictingLines.background","rgba(255, 234, 0, 0.28)"],["--vscode-minimap-chatEditHighlight","rgba(0, 0, 0, 0.6)"],["--vscode-minimap-errorHighlight","#ff3232"],["--vscode-minimap-foregroundOpacity","#000000"],["--vscode-minimap-infoHighlight","rgba(89, 164, 249, 0.8)"],["--vscode-minimap-selectionHighlight","#ffffff"],["--vscode-minimap-warningHighlight","rgba(255, 204, 0, 0.8)"],["--vscode-minimapGutter-addedBackground","#487e02"],["--vscode-minimapGutter-deletedBackground","#f48771"],["--vscode-minimapGutter-modifiedBackground","#1b81a8"],["--vscode-minimapSlider-activeBackground","rgba(111, 195, 223, 0.5)"],["--vscode-minimapSlider-background","rgba(111, 195, 223, 0.3)"],["--vscode-minimapSlider-hoverBackground","rgba(111, 195, 223, 0.4)"],["--vscode-multiDiffEditor-background","#000000"],["--vscode-multiDiffEditor-border","#6fc3df"],["--vscode-notebook-cellBorderColor","#6fc3df"],["--vscode-notebook-cellInsertionIndicator","#f38518"],["--vscode-notebook-cellStatusBarItemHoverBackground","rgba(255, 255, 255, 0.15)"],["--vscode-notebook-cellToolbarSeparator","#6fc3df"],["--vscode-notebook-focusedCellBorder","#f38518"],["--vscode-notebook-focusedEditorBorder","#f38518"],["--vscode-notebook-inactiveFocusedCellBorder","#6fc3df"],["--vscode-notebook-inactiveSelectedCellBorder","#f38518"],["--vscode-notebook-selectedCellBorder","#6fc3df"],["--vscode-notebookEditorOverviewRuler-runningCellForeground","#89d185"],["--vscode-notebookScrollbarSlider-activeBackground","#6fc3df"],["--vscode-notebookScrollbarSlider-background","rgba(111, 195, 223, 0.6)"],["--vscode-notebookScrollbarSlider-hoverBackground","rgba(111, 195, 223, 0.8)"],["--vscode-notebookStatusErrorIcon-foreground","#f48771"],["--vscode-notebookStatusRunningIcon-foreground","#ffffff"],["--vscode-notebookStatusSuccessIcon-foreground","#89d185"],["--vscode-notificationCenter-border","#6fc3df"],["--vscode-notificationCenterHeader-background","#0c141f"],["--vscode-notificationLink-foreground","#21a6ff"],["--vscode-notifications-background","#0c141f"],["--vscode-notifications-border","#0c141f"],["--vscode-notifications-foreground","#ffffff"],["--vscode-notificationsErrorIcon-foreground","#f48771"],["--vscode-notificationsInfoIcon-foreground","#59a4f9"],["--vscode-notificationsWarningIcon-foreground","#ffd370"],["--vscode-notificationToast-border","#6fc3df"],["--vscode-panel-background","#000000"],["--vscode-panel-border","#6fc3df"],["--vscode-panel-dropBorder","#ffffff"],["--vscode-panelInput-border","#6fc3df"],["--vscode-panelSection-border","#6fc3df"],["--vscode-panelSectionHeader-border","#6fc3df"],["--vscode-panelStickyScroll-background","#000000"],["--vscode-panelTitle-activeBorder","#6fc3df"],["--vscode-panelTitle-activeForeground","#ffffff"],["--vscode-panelTitle-border","#6fc3df"],["--vscode-panelTitle-inactiveForeground","#ffffff"],["--vscode-panelTitleBadge-background","#000000"],["--vscode-panelTitleBadge-foreground","#ffffff"],["--vscode-peekView-border","#6fc3df"],["--vscode-peekViewEditor-background","#000000"],["--vscode-peekViewEditor-matchHighlightBorder","#f38518"],["--vscode-peekViewEditorGutter-background","#000000"],["--vscode-peekViewEditorStickyScroll-background","#000000"],["--vscode-peekViewEditorStickyScrollGutter-background","#000000"],["--vscode-peekViewResult-background","#000000"],["--vscode-peekViewResult-fileForeground","#ffffff"],["--vscode-peekViewResult-lineForeground","#ffffff"],["--vscode-peekViewResult-selectionForeground","#ffffff"],["--vscode-peekViewTitle-background","#000000"],["--vscode-peekViewTitleDescription-foreground","rgba(255, 255, 255, 0.6)"],["--vscode-peekViewTitleLabel-foreground","#ffffff"],["--vscode-pickerGroup-border","#ffffff"],["--vscode-pickerGroup-foreground","#ffffff"],["--vscode-ports-iconRunningProcessForeground","#ffffff"],["--vscode-problemsErrorIcon-foreground","#f48771"],["--vscode-problemsInfoIcon-foreground","#59a4f9"],["--vscode-problemsWarningIcon-foreground","#ffd370"],["--vscode-profileBadge-background","#ffffff"],["--vscode-profileBadge-foreground","#000000"],["--vscode-profiles-sashBorder","#6fc3df"],["--vscode-progressBar-background","#6fc3df"],["--vscode-quickInput-background","#0c141f"],["--vscode-quickInput-foreground","#ffffff"],["--vscode-quickInputList-focusHighlightForeground","#f38518"],["--vscode-quickInputTitle-background","#000000"],["--vscode-radio-activeBackground","rgba(0, 0, 0, 0)"],["--vscode-radio-activeBorder","#6fc3df"],["--vscode-radio-activeForeground","#ffffff"],["--vscode-radio-inactiveBorder","rgba(255, 255, 255, 0.4)"],["--vscode-sash-hoverBorder","#f38518"],["--vscode-scmGraph-foreground1","#ffb000"],["--vscode-scmGraph-foreground2","#dc267f"],["--vscode-scmGraph-foreground3","#994f00"],["--vscode-scmGraph-foreground4","#40b0a6"],["--vscode-scmGraph-foreground5","#b66dff"],["--vscode-scmGraph-historyItemBaseRefColor","#ea5c00"],["--vscode-scmGraph-historyItemHoverAdditionsForeground","#a1e3ad"],["--vscode-scmGraph-historyItemHoverDefaultLabelBackground","#000000"],["--vscode-scmGraph-historyItemHoverDefaultLabelForeground","#ffffff"],["--vscode-scmGraph-historyItemHoverDeletionsForeground","#c74e39"],["--vscode-scmGraph-historyItemHoverLabelForeground","#000000"],["--vscode-scmGraph-historyItemRefColor","#59a4f9"],["--vscode-scmGraph-historyItemRemoteRefColor","#b180d7"],["--vscode-scrollbarSlider-activeBackground","#6fc3df"],["--vscode-scrollbarSlider-background","rgba(111, 195, 223, 0.6)"],["--vscode-scrollbarSlider-hoverBackground","rgba(111, 195, 223, 0.8)"],["--vscode-search-resultsInfoForeground","#ffffff"],["--vscode-searchEditor-findMatchBorder","#f38518"],["--vscode-searchEditor-textInputBorder","#6fc3df"],["--vscode-selection-background","#008000"],["--vscode-settings-checkboxBackground","#000000"],["--vscode-settings-checkboxBorder","#6fc3df"],["--vscode-settings-checkboxForeground","#ffffff"],["--vscode-settings-dropdownBackground","#000000"],["--vscode-settings-dropdownBorder","#6fc3df"],["--vscode-settings-dropdownForeground","#ffffff"],["--vscode-settings-dropdownListBorder","#6fc3df"],["--vscode-settings-focusedRowBorder","#f38518"],["--vscode-settings-headerBorder","#6fc3df"],["--vscode-settings-headerForeground","#ffffff"],["--vscode-settings-modifiedItemIndicator","#00497a"],["--vscode-settings-numberInputBackground","#000000"],["--vscode-settings-numberInputBorder","#6fc3df"],["--vscode-settings-numberInputForeground","#ffffff"],["--vscode-settings-sashBorder","#6fc3df"],["--vscode-settings-settingsHeaderHoverForeground","rgba(255, 255, 255, 0.7)"],["--vscode-settings-textInputBackground","#000000"],["--vscode-settings-textInputBorder","#6fc3df"],["--vscode-settings-textInputForeground","#ffffff"],["--vscode-sideBar-background","#000000"],["--vscode-sideBar-border","#6fc3df"],["--vscode-sideBarActivityBarTop-border","#6fc3df"],["--vscode-sideBarSectionHeader-border","#6fc3df"],["--vscode-sideBarStickyScroll-background","#000000"],["--vscode-sideBarTitle-background","#000000"],["--vscode-sideBarTitle-border","#6fc3df"],["--vscode-sideBarTitle-foreground","#ffffff"],["--vscode-sideBySideEditor-horizontalBorder","#6fc3df"],["--vscode-sideBySideEditor-verticalBorder","#6fc3df"],["--vscode-simpleFindWidget-sashBorder","#6fc3df"],["--vscode-spacing-size100","10px"],["--vscode-spacing-size120","12px"],["--vscode-spacing-size160","16px"],["--vscode-spacing-size20","2px"],["--vscode-spacing-size200","20px"],["--vscode-spacing-size240","24px"],["--vscode-spacing-size280","28px"],["--vscode-spacing-size320","32px"],["--vscode-spacing-size360","36px"],["--vscode-spacing-size40","4px"],["--vscode-spacing-size400","40px"],["--vscode-spacing-size60","6px"],["--vscode-spacing-size80","8px"],["--vscode-spacing-sizeNone","0px"],["--vscode-statusBar-border","#6fc3df"],["--vscode-statusBar-debuggingBackground","#ba592c"],["--vscode-statusBar-debuggingBorder","#6fc3df"],["--vscode-statusBar-debuggingForeground","#ffffff"],["--vscode-statusBar-foreground","#ffffff"],["--vscode-statusBar-noFolderBorder","#6fc3df"],["--vscode-statusBar-noFolderForeground","#ffffff"],["--vscode-statusBarItem-activeBackground","rgba(255, 255, 255, 0.18)"],["--vscode-statusBarItem-compactHoverBackground","#000000"],["--vscode-statusBarItem-errorForeground","#ffffff"],["--vscode-statusBarItem-errorHoverBackground","#000000"],["--vscode-statusBarItem-errorHoverForeground","#ffffff"],["--vscode-statusBarItem-hoverBackground","#000000"],["--vscode-statusBarItem-hoverForeground","#ffffff"],["--vscode-statusBarItem-offlineBackground","#6c1717"],["--vscode-statusBarItem-offlineForeground","#ffffff"],["--vscode-statusBarItem-offlineHoverBackground","#000000"],["--vscode-statusBarItem-offlineHoverForeground","#ffffff"],["--vscode-statusBarItem-prominentBackground","rgba(0, 0, 0, 0.5)"],["--vscode-statusBarItem-prominentForeground","#ffffff"],["--vscode-statusBarItem-prominentHoverBackground","#000000"],["--vscode-statusBarItem-prominentHoverForeground","#ffffff"],["--vscode-statusBarItem-remoteBackground","rgba(0, 0, 0, 0)"],["--vscode-statusBarItem-remoteForeground","#ffffff"],["--vscode-statusBarItem-remoteHoverBackground","#000000"],["--vscode-statusBarItem-remoteHoverForeground","#ffffff"],["--vscode-statusBarItem-warningForeground","#ffffff"],["--vscode-statusBarItem-warningHoverBackground","#000000"],["--vscode-statusBarItem-warningHoverForeground","#ffffff"],["--vscode-strokeThickness","1px"],["--vscode-strongForeground","#ffffff"],["--vscode-symbolIcon-arrayForeground","#ffffff"],["--vscode-symbolIcon-booleanForeground","#ffffff"],["--vscode-symbolIcon-classForeground","#ee9d28"],["--vscode-symbolIcon-colorForeground","#ffffff"],["--vscode-symbolIcon-constantForeground","#ffffff"],["--vscode-symbolIcon-constructorForeground","#b180d7"],["--vscode-symbolIcon-enumeratorForeground","#ee9d28"],["--vscode-symbolIcon-enumeratorMemberForeground","#75beff"],["--vscode-symbolIcon-eventForeground","#ee9d28"],["--vscode-symbolIcon-fieldForeground","#75beff"],["--vscode-symbolIcon-fileForeground","#ffffff"],["--vscode-symbolIcon-folderForeground","#ffffff"],["--vscode-symbolIcon-functionForeground","#b180d7"],["--vscode-symbolIcon-interfaceForeground","#75beff"],["--vscode-symbolIcon-keyForeground","#ffffff"],["--vscode-symbolIcon-keywordForeground","#ffffff"],["--vscode-symbolIcon-methodForeground","#b180d7"],["--vscode-symbolIcon-moduleForeground","#ffffff"],["--vscode-symbolIcon-namespaceForeground","#ffffff"],["--vscode-symbolIcon-nullForeground","#ffffff"],["--vscode-symbolIcon-numberForeground","#ffffff"],["--vscode-symbolIcon-objectForeground","#ffffff"],["--vscode-symbolIcon-operatorForeground","#ffffff"],["--vscode-symbolIcon-packageForeground","#ffffff"],["--vscode-symbolIcon-propertyForeground","#ffffff"],["--vscode-symbolIcon-referenceForeground","#ffffff"],["--vscode-symbolIcon-snippetForeground","#ffffff"],["--vscode-symbolIcon-stringForeground","#ffffff"],["--vscode-symbolIcon-structForeground","#ffffff"],["--vscode-symbolIcon-textForeground","#ffffff"],["--vscode-symbolIcon-typeParameterForeground","#ffffff"],["--vscode-symbolIcon-unitForeground","#ffffff"],["--vscode-symbolIcon-variableForeground","#75beff"],["--vscode-tab-activeBackground","#000000"],["--vscode-tab-activeForeground","#ffffff"],["--vscode-tab-border","#6fc3df"],["--vscode-tab-dragAndDropBorder","#f38518"],["--vscode-tab-inactiveForeground","#ffffff"],["--vscode-tab-inactiveModifiedBorder","#ffffff"],["--vscode-tab-lastPinnedBorder","#6fc3df"],["--vscode-tab-selectedBackground","#000000"],["--vscode-tab-selectedForeground","#ffffff"],["--vscode-tab-unfocusedActiveBackground","#000000"],["--vscode-tab-unfocusedActiveForeground","#ffffff"],["--vscode-tab-unfocusedActiveModifiedBorder","#ffffff"],["--vscode-tab-unfocusedInactiveForeground","#ffffff"],["--vscode-tab-unfocusedInactiveModifiedBorder","#ffffff"],["--vscode-terminal-ansiBlack","#000000"],["--vscode-terminal-ansiBlue","#0000ee"],["--vscode-terminal-ansiBrightBlack","#7f7f7f"],["--vscode-terminal-ansiBrightBlue","#5c5cff"],["--vscode-terminal-ansiBrightCyan","#00ffff"],["--vscode-terminal-ansiBrightGreen","#00ff00"],["--vscode-terminal-ansiBrightMagenta","#ff00ff"],["--vscode-terminal-ansiBrightRed","#ff0000"],["--vscode-terminal-ansiBrightWhite","#ffffff"],["--vscode-terminal-ansiBrightYellow","#ffff00"],["--vscode-terminal-ansiCyan","#00cdcd"],["--vscode-terminal-ansiGreen","#00cd00"],["--vscode-terminal-ansiMagenta","#cd00cd"],["--vscode-terminal-ansiRed","#cd0000"],["--vscode-terminal-ansiWhite","#e5e5e5"],["--vscode-terminal-ansiYellow","#cdcd00"],["--vscode-terminal-border","#6fc3df"],["--vscode-terminal-findMatchBorder","#f38518"],["--vscode-terminal-findMatchHighlightBorder","#f38518"],["--vscode-terminal-foreground","#ffffff"],["--vscode-terminal-hoverHighlightBackground","rgba(173, 214, 255, 0.07)"],["--vscode-terminal-inactiveSelectionBackground","rgba(255, 255, 255, 0.7)"],["--vscode-terminal-selectionBackground","#ffffff"],["--vscode-terminal-selectionForeground","#000000"],["--vscode-terminalCommandDecoration-defaultBackground","rgba(255, 255, 255, 0.5)"],["--vscode-terminalCommandDecoration-errorBackground","#f14c4c"],["--vscode-terminalCommandDecoration-successBackground","#1b81a8"],["--vscode-terminalCommandGuide-foreground","#6fc3df"],["--vscode-terminalOverviewRuler-border","rgba(127, 127, 127, 0.3)"],["--vscode-terminalOverviewRuler-cursorForeground","rgba(160, 160, 160, 0.8)"],["--vscode-terminalOverviewRuler-findMatchForeground","#f38518"],["--vscode-terminalStickyScroll-border","#6fc3df"],["--vscode-terminalStickyScrollHover-background","#e48b39"],["--vscode-terminalSymbolIcon-aliasForeground","#b180d7"],["--vscode-terminalSymbolIcon-argumentForeground","#75beff"],["--vscode-terminalSymbolIcon-branchForeground","#ffffff"],["--vscode-terminalSymbolIcon-commitForeground","#ffffff"],["--vscode-terminalSymbolIcon-fileForeground","#ffffff"],["--vscode-terminalSymbolIcon-flagForeground","#ee9d28"],["--vscode-terminalSymbolIcon-folderForeground","#ffffff"],["--vscode-terminalSymbolIcon-methodForeground","#b180d7"],["--vscode-terminalSymbolIcon-optionForeground","#ee9d28"],["--vscode-terminalSymbolIcon-optionValueForeground","#75beff"],["--vscode-terminalSymbolIcon-pullRequestDoneForeground","#ffffff"],["--vscode-terminalSymbolIcon-pullRequestForeground","#ffffff"],["--vscode-terminalSymbolIcon-remoteForeground","#ffffff"],["--vscode-terminalSymbolIcon-stashForeground","#ffffff"],["--vscode-terminalSymbolIcon-symbolicLinkFileForeground","#ffffff"],["--vscode-terminalSymbolIcon-symbolicLinkFolderForeground","#ffffff"],["--vscode-terminalSymbolIcon-symbolText","#ffffff"],["--vscode-terminalSymbolIcon-tagForeground","#ffffff"],["--vscode-testing-coverCountBadgeBackground","#000000"],["--vscode-testing-coverCountBadgeForeground","#ffffff"],["--vscode-testing-coveredBorder","#6fc3df"],["--vscode-testing-coveredGutterBackground","#89d185"],["--vscode-testing-coveredMinimapBackground","#89d185"],["--vscode-testing-iconPassed","#73c991"],["--vscode-testing-iconPassed.retired","rgba(115, 201, 145, 0.7)"],["--vscode-testing-iconSkipped","#848484"],["--vscode-testing-iconSkipped.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-iconUnset","#848484"],["--vscode-testing-iconUnset.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-message.info.decorationForeground","rgba(255, 255, 255, 0.5)"],["--vscode-testing-messagePeekBorder","#6fc3df"],["--vscode-testing-peekBorder","#6fc3df"],["--vscode-testing-runAction","#73c991"],["--vscode-testing-uncoveredBorder","#6fc3df"],["--vscode-testing-uncoveredGutterBackground","#f48771"],["--vscode-testing-uncoveredMinimapBackground","#f48771"],["--vscode-textBlockQuote-border","#ffffff"],["--vscode-textCodeBlock-background","#000000"],["--vscode-textLink-activeForeground","#21a6ff"],["--vscode-textLink-foreground","#21a6ff"],["--vscode-textPreformat-border","#6fc3df"],["--vscode-textPreformat-foreground","#ffffff"],["--vscode-textSeparator-foreground","#000000"],["--vscode-titleBar-activeBackground","#000000"],["--vscode-titleBar-activeForeground","#ffffff"],["--vscode-titleBar-border","#6fc3df"],["--vscode-toolbar-hoverOutline","#f38518"],["--vscode-tree-inactiveIndentGuidesStroke","rgba(169, 169, 169, 0.4)"],["--vscode-tree-indentGuidesStroke","#a9a9a9"],["--vscode-welcomePage-progress.background","#000000"],["--vscode-welcomePage-progress.foreground","#21a6ff"],["--vscode-welcomePage-tileBackground","#000000"],["--vscode-welcomePage-tileBorder","#6fc3df"],["--vscode-widget-border","#6fc3df"],["--vscode-window-activeBorder","#6fc3df"],["--vscode-window-inactiveBorder","#6fc3df"]],"high-contrast-light":[["--vscode-actionBar-toggledBackground","#dddddd"],["--vscode-activeSessionView-background","#ffffff"],["--vscode-activityBar-activeBorder","#0f4a85"],["--vscode-activityBar-activeFocusBorder","#b5200d"],["--vscode-activityBar-background","#ffffff"],["--vscode-activityBar-border","#0f4a85"],["--vscode-activityBar-foreground","#292929"],["--vscode-activityBar-inactiveForeground","#292929"],["--vscode-activityBarBadge-background","#0f4a85"],["--vscode-activityBarBadge-foreground","#ffffff"],["--vscode-activityBarTop-activeBorder","#b5200d"],["--vscode-activityBarTop-dropBorder","#292929"],["--vscode-activityBarTop-foreground","#292929"],["--vscode-activityBarTop-inactiveForeground","#292929"],["--vscode-activityErrorBadge-background","#f14c4c"],["--vscode-activityErrorBadge-foreground","#000000"],["--vscode-activityWarningBadge-background","#b27c00"],["--vscode-activityWarningBadge-foreground","#ffffff"],["--vscode-agentFeedbackEditorWidget-background","#ffffff"],["--vscode-agentFeedbackEditorWidget-border","#0f4a85"],["--vscode-agentFeedbackInputWidget-border","#0f4a85"],["--vscode-agents-background","#ffffff"],["--vscode-agents-fontSize-body1","13px"],["--vscode-agents-fontSize-body2","11px"],["--vscode-agents-fontSize-heading1","26px"],["--vscode-agents-fontSize-heading2","18px"],["--vscode-agents-fontSize-heading3","13px"],["--vscode-agents-fontSize-label1","12px"],["--vscode-agents-fontSize-label2","11px"],["--vscode-agents-fontSize-label3","10px"],["--vscode-agents-fontWeight-regular","400"],["--vscode-agents-fontWeight-semiBold","600"],["--vscode-agentsBadge-background","#0f4a85"],["--vscode-agentsBadge-foreground","#ffffff"],["--vscode-agentsChatInput-background","#ffffff"],["--vscode-agentsChatInput-border","#0f4a85"],["--vscode-agentsChatInput-focusBorder","#006bbd"],["--vscode-agentsChatInput-foreground","#292929"],["--vscode-agentsChatInput-placeholderForeground","rgba(41, 41, 41, 0.7)"],["--vscode-agentSessionSelectedBadge-border","#292929"],["--vscode-agentSessionSelectedUnfocusedBadge-border","#292929"],["--vscode-agentsGradient-tintColor","#0f4a85"],["--vscode-agentsNewSessionButton-background","rgba(0, 0, 0, 0)"],["--vscode-agentsNewSessionButton-border","#0f4a85"],["--vscode-agentsPanel-background","#ffffff"],["--vscode-agentsPanel-border","#0f4a85"],["--vscode-agentsUnreadBadge-background","#0f4a85"],["--vscode-agentsUnreadBadge-foreground","#ffffff"],["--vscode-agentsUpdateButton-downloadedBackground","rgba(15, 74, 133, 0.7)"],["--vscode-agentsUpdateButton-downloadingBackground","rgba(15, 74, 133, 0.4)"],["--vscode-agentsVoice-speakingBackground","rgba(102, 57, 186, 0.08)"],["--vscode-agentsVoice-speakingForeground","#6639ba"],["--vscode-badge-background","#0f4a85"],["--vscode-badge-foreground","#ffffff"],["--vscode-banner-background","rgba(15, 74, 133, 0.1)"],["--vscode-banner-iconForeground","#0063d3"],["--vscode-bodyFontSize","13px"],["--vscode-bodyFontSize-small","12px"],["--vscode-bodyFontSize-xSmall","11px"],["--vscode-breadcrumb-activeSelectionForeground","#2d2d2d"],["--vscode-breadcrumb-background","#ffffff"],["--vscode-breadcrumb-focusForeground","#2d2d2d"],["--vscode-breadcrumb-foreground","rgba(41, 41, 41, 0.8)"],["--vscode-breadcrumbPicker-background","#ffffff"],["--vscode-browser-border","#0f4a85"],["--vscode-button-background","#0f4a85"],["--vscode-button-border","#0f4a85"],["--vscode-button-foreground","#ffffff"],["--vscode-button-hoverBackground","#0f4a85"],["--vscode-button-secondaryBackground","#ffffff"],["--vscode-button-secondaryBorder","#0f4a85"],["--vscode-button-secondaryForeground","#292929"],["--vscode-button-separator","rgba(255, 255, 255, 0.4)"],["--vscode-chart-axis","#0f4a85"],["--vscode-chart-guide","#0f4a85"],["--vscode-chart-line","#236b8e"],["--vscode-charts-blue","#0063d3"],["--vscode-charts-foreground","#292929"],["--vscode-charts-green","#374e06"],["--vscode-charts-lines","rgba(41, 41, 41, 0.5)"],["--vscode-charts-purple","#652d90"],["--vscode-charts-red","#b5200d"],["--vscode-charts-yellow","#895503"],["--vscode-chat-avatarBackground","#ffffff"],["--vscode-chat-avatarForeground","#292929"],["--vscode-chat-checkpointSeparator","#a5a5a5"],["--vscode-chat-editedFileForeground","#895503"],["--vscode-chat-inputWorkingBorderColor1","#000000"],["--vscode-chat-inputWorkingBorderColor2","#555555"],["--vscode-chat-inputWorkingBorderColor3","#000000"],["--vscode-chat-linesAddedForeground","#107c10"],["--vscode-chat-linesRemovedForeground","#b5200d"],["--vscode-chat-requestBorder","#0f4a85"],["--vscode-chat-slashCommandBackground","#0f4a85"],["--vscode-chat-slashCommandForeground","#ffffff"],["--vscode-chat-thinkingShimmer","#000000"],["--vscode-checkbox-background","#ffffff"],["--vscode-checkbox-border","#0f4a85"],["--vscode-checkbox-disabled.background","#b8b8b8"],["--vscode-checkbox-disabled.foreground","#6f6f6f"],["--vscode-checkbox-foreground","#292929"],["--vscode-checkbox-selectBackground","#ffffff"],["--vscode-checkbox-selectBorder","#292929"],["--vscode-codiconFontSize","16px"],["--vscode-codiconFontSize-compact","12px"],["--vscode-commandCenter-activeBorder","#292929"],["--vscode-commandCenter-activeForeground","#292929"],["--vscode-commandCenter-border","#0f4a85"],["--vscode-commandCenter-debuggingBackground","rgba(181, 32, 13, 0.26)"],["--vscode-commandCenter-foreground","#292929"],["--vscode-commandCenter-inactiveBorder","rgba(41, 41, 41, 0.25)"],["--vscode-commandCenter-inactiveForeground","#292929"],["--vscode-commentsView-resolvedIcon","#0f4a85"],["--vscode-commentsView-unresolvedIcon","#0f4a85"],["--vscode-contrastActiveBorder","#006bbd"],["--vscode-contrastBorder","#0f4a85"],["--vscode-cornerRadius-circle","9999px"],["--vscode-cornerRadius-large","8px"],["--vscode-cornerRadius-medium","6px"],["--vscode-cornerRadius-small","4px"],["--vscode-cornerRadius-xLarge","12px"],["--vscode-cornerRadius-xSmall","2px"],["--vscode-debugConsole-errorForeground","#b5200d"],["--vscode-debugConsole-infoForeground","#292929"],["--vscode-debugConsole-sourceForeground","#292929"],["--vscode-debugConsole-warningForeground","#895503"],["--vscode-debugConsoleInputIcon-foreground","#292929"],["--vscode-debugExceptionWidget-background","#f1dfde"],["--vscode-debugExceptionWidget-border","#a31515"],["--vscode-debugIcon-breakpointCurrentStackframeForeground","#be8700"],["--vscode-debugIcon-breakpointDisabledForeground","#848484"],["--vscode-debugIcon-breakpointForeground","#e51400"],["--vscode-debugIcon-breakpointStackframeForeground","#89d185"],["--vscode-debugIcon-breakpointUnverifiedForeground","#848484"],["--vscode-debugIcon-continueForeground","#007acc"],["--vscode-debugIcon-disconnectForeground","#a1260d"],["--vscode-debugIcon-pauseForeground","#007acc"],["--vscode-debugIcon-restartForeground","#388a34"],["--vscode-debugIcon-startForeground","#388a34"],["--vscode-debugIcon-stepBackForeground","#007acc"],["--vscode-debugIcon-stepIntoForeground","#007acc"],["--vscode-debugIcon-stepOutForeground","#007acc"],["--vscode-debugIcon-stepOverForeground","#007acc"],["--vscode-debugIcon-stopForeground","#a1260d"],["--vscode-debugTokenExpression-boolean","#0000ff"],["--vscode-debugTokenExpression-error","#e51400"],["--vscode-debugTokenExpression-name","#292929"],["--vscode-debugTokenExpression-number","#098658"],["--vscode-debugTokenExpression-string","#a31515"],["--vscode-debugTokenExpression-type","#292929"],["--vscode-debugTokenExpression-value","#292929"],["--vscode-debugToolBar-background","#ffffff"],["--vscode-debugView-exceptionLabelBackground","#a31515"],["--vscode-debugView-exceptionLabelForeground","#292929"],["--vscode-debugView-stateLabelBackground","rgba(136, 136, 136, 0.27)"],["--vscode-debugView-stateLabelForeground","#292929"],["--vscode-debugView-valueChangedHighlight","#569cd6"],["--vscode-descriptionForeground","rgba(41, 41, 41, 0.7)"],["--vscode-diffEditor-border","#0f4a85"],["--vscode-diffEditor-insertedTextBorder","#374e06"],["--vscode-diffEditor-move.border","rgba(139, 139, 139, 0.61)"],["--vscode-diffEditor-moveActive.border","#ffa500"],["--vscode-diffEditor-removedTextBorder","#ad0707"],["--vscode-diffEditor-unchangedRegionBackground","#ffffff"],["--vscode-diffEditor-unchangedRegionForeground","#292929"],["--vscode-diffEditor-unchangedRegionShadow","rgba(115, 115, 115, 0.75)"],["--vscode-disabledForeground","#7f7f7f"],["--vscode-dropdown-background","#ffffff"],["--vscode-dropdown-border","#0f4a85"],["--vscode-dropdown-foreground","#292929"],["--vscode-dropdown-listBackground","#ffffff"],["--vscode-editor-background","#ffffff"],["--vscode-editor-compositionBorder","#000000"],["--vscode-editor-findMatchBorder","#006bbd"],["--vscode-editor-findMatchHighlightBorder","#006bbd"],["--vscode-editor-findRangeHighlightBorder","rgba(0, 107, 189, 0.4)"],["--vscode-editor-focusedStackFrameHighlightBackground","rgba(206, 231, 206, 0.45)"],["--vscode-editor-font-family","'Droid Sans Mono', monospace"],["--vscode-editor-font-feature-settings","\"liga\" off, \"calt\" off"],["--vscode-editor-font-size","14px"],["--vscode-editor-font-weight","normal"],["--vscode-editor-foreground","#292929"],["--vscode-editor-inactiveSelectionBackground","rgba(15, 74, 133, 0.5)"],["--vscode-editor-inlineValuesBackground","rgba(255, 200, 0, 0.2)"],["--vscode-editor-inlineValuesForeground","rgba(0, 0, 0, 0.5)"],["--vscode-editor-lineHighlightBorder","#0f4a85"],["--vscode-editor-linkedEditingBackground","#ffffff"],["--vscode-editor-rangeHighlightBorder","#006bbd"],["--vscode-editor-selectionBackground","#0f4a85"],["--vscode-editor-selectionForeground","#ffffff"],["--vscode-editor-selectionHighlightBorder","#006bbd"],["--vscode-editor-snippetFinalTabstopHighlightBorder","#292929"],["--vscode-editor-snippetTabstopHighlightBackground","rgba(10, 50, 100, 0.2)"],["--vscode-editor-stackFrameHighlightBackground","rgba(255, 255, 102, 0.45)"],["--vscode-editor-symbolHighlightBorder","#006bbd"],["--vscode-editor-wordHighlightBorder","#006bbd"],["--vscode-editor-wordHighlightStrongBorder","#006bbd"],["--vscode-editor-wordHighlightTextBorder","#006bbd"],["--vscode-editorActionList-background","#ffffff"],["--vscode-editorActionList-focusBackground","rgba(15, 74, 133, 0.1)"],["--vscode-editorActionList-foreground","#292929"],["--vscode-editorActiveLineNumber-foreground","#006bbd"],["--vscode-editorBracketHighlight-foreground1","#0431fa"],["--vscode-editorBracketHighlight-foreground2","#319331"],["--vscode-editorBracketHighlight-foreground3","#7b3814"],["--vscode-editorBracketHighlight-foreground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-foreground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketHighlight-unexpectedBracket.foreground","#b5200d"],["--vscode-editorBracketMatch-background","rgba(0, 0, 0, 0)"],["--vscode-editorBracketMatch-border","#0f4a85"],["--vscode-editorBracketPairGuide-activeBackground1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background1","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorBracketPairGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorCodeLens-foreground","#292929"],["--vscode-editorCommentsWidget-rangeActiveBackground","rgba(15, 74, 133, 0.1)"],["--vscode-editorCommentsWidget-rangeBackground","rgba(15, 74, 133, 0.1)"],["--vscode-editorCommentsWidget-replyInputBackground","#ffffff"],["--vscode-editorCommentsWidget-resolvedBorder","#0f4a85"],["--vscode-editorCommentsWidget-unresolvedBorder","#0f4a85"],["--vscode-editorCursor-foreground","#0f4a85"],["--vscode-editorError-border","#b5200d"],["--vscode-editorError-foreground","#b5200d"],["--vscode-editorGhostText-border","rgba(41, 41, 41, 0.8)"],["--vscode-editorGroup-border","#0f4a85"],["--vscode-editorGroup-dropBackground","rgba(15, 74, 133, 0.5)"],["--vscode-editorGroup-dropIntoPromptBackground","#ffffff"],["--vscode-editorGroup-dropIntoPromptBorder","#0f4a85"],["--vscode-editorGroup-dropIntoPromptForeground","#292929"],["--vscode-editorGroup-focusedEmptyBorder","#006bbd"],["--vscode-editorGroupHeader-border","#0f4a85"],["--vscode-editorGroupHeader-noTabsBackground","#ffffff"],["--vscode-editorGutter-addedBackground","#48985d"],["--vscode-editorGutter-addedSecondaryBackground","#48985d"],["--vscode-editorGutter-background","#ffffff"],["--vscode-editorGutter-commentDraftGlyphForeground","#ffffff"],["--vscode-editorGutter-commentGlyphForeground","#ffffff"],["--vscode-editorGutter-commentRangeForeground","#000000"],["--vscode-editorGutter-commentUnresolvedGlyphForeground","#ffffff"],["--vscode-editorGutter-deletedBackground","#b5200d"],["--vscode-editorGutter-deletedSecondaryBackground","#b5200d"],["--vscode-editorGutter-foldingControlForeground","#292929"],["--vscode-editorGutter-itemBackground","#000000"],["--vscode-editorGutter-itemGlyphForeground","#ffffff"],["--vscode-editorGutter-modifiedBackground","#2090d3"],["--vscode-editorGutter-modifiedSecondaryBackground","#2090d3"],["--vscode-editorHint-border","#292929"],["--vscode-editorHoverWidget-background","#ffffff"],["--vscode-editorHoverWidget-border","#0f4a85"],["--vscode-editorHoverWidget-foreground","#292929"],["--vscode-editorHoverWidget-highlightForeground","#006bbd"],["--vscode-editorHoverWidget-statusBarBackground","#ffffff"],["--vscode-editorIndentGuide-activeBackground","#cccccc"],["--vscode-editorIndentGuide-activeBackground1","#cccccc"],["--vscode-editorIndentGuide-activeBackground2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-activeBackground6","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background","#cccccc"],["--vscode-editorIndentGuide-background1","#cccccc"],["--vscode-editorIndentGuide-background2","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background3","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background4","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background5","rgba(0, 0, 0, 0)"],["--vscode-editorIndentGuide-background6","rgba(0, 0, 0, 0)"],["--vscode-editorInfo-border","#292929"],["--vscode-editorInfo-foreground","#0063d3"],["--vscode-editorInlayHint-background","rgba(15, 74, 133, 0.1)"],["--vscode-editorInlayHint-foreground","#000000"],["--vscode-editorInlayHint-parameterBackground","rgba(15, 74, 133, 0.1)"],["--vscode-editorInlayHint-parameterForeground","#000000"],["--vscode-editorInlayHint-typeBackground","rgba(15, 74, 133, 0.1)"],["--vscode-editorInlayHint-typeForeground","#000000"],["--vscode-editorLightBulb-foreground","#007acc"],["--vscode-editorLightBulbAi-foreground","#007acc"],["--vscode-editorLightBulbAutoFix-foreground","#007acc"],["--vscode-editorLineNumber-activeForeground","#006bbd"],["--vscode-editorLineNumber-foreground","#292929"],["--vscode-editorLink-activeForeground","#292929"],["--vscode-editorMarkerNavigation-background","#ffffff"],["--vscode-editorMarkerNavigationError-background","#0f4a85"],["--vscode-editorMarkerNavigationInfo-background","#0f4a85"],["--vscode-editorMarkerNavigationWarning-background","#0f4a85"],["--vscode-editorMarkerNavigationWarning-headerBackground","rgba(15, 74, 133, 0.2)"],["--vscode-editorMultiCursor-primary.foreground","#0f4a85"],["--vscode-editorMultiCursor-secondary.foreground","#0f4a85"],["--vscode-editorOverviewRuler-addedForeground","rgba(72, 152, 93, 0.6)"],["--vscode-editorOverviewRuler-border","#666666"],["--vscode-editorOverviewRuler-bracketMatchForeground","#a0a0a0"],["--vscode-editorOverviewRuler-commentDraftForeground","#000000"],["--vscode-editorOverviewRuler-commentForeground","#000000"],["--vscode-editorOverviewRuler-commentUnresolvedForeground","#000000"],["--vscode-editorOverviewRuler-commonContentForeground","#007acc"],["--vscode-editorOverviewRuler-currentContentForeground","#007acc"],["--vscode-editorOverviewRuler-deletedForeground","rgba(181, 32, 13, 0.6)"],["--vscode-editorOverviewRuler-errorForeground","#b5200d"],["--vscode-editorOverviewRuler-findMatchForeground","#ab5a00"],["--vscode-editorOverviewRuler-incomingContentForeground","#007acc"],["--vscode-editorOverviewRuler-infoForeground","#292929"],["--vscode-editorOverviewRuler-modifiedForeground","rgba(32, 144, 211, 0.6)"],["--vscode-editorOverviewRuler-rangeHighlightForeground","rgba(0, 122, 204, 0.6)"],["--vscode-editorOverviewRuler-selectionHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-warningForeground","rgba(255, 204, 0, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightStrongForeground","rgba(192, 160, 192, 0.8)"],["--vscode-editorOverviewRuler-wordHighlightTextForeground","rgba(160, 160, 160, 0.8)"],["--vscode-editorPane-background","#ffffff"],["--vscode-editorRuler-foreground","#292929"],["--vscode-editorStickyScroll-background","#ffffff"],["--vscode-editorStickyScroll-border","#0f4a85"],["--vscode-editorStickyScrollGutter-background","#ffffff"],["--vscode-editorStickyScrollHover-background","rgba(15, 74, 133, 0.1)"],["--vscode-editorSuggestWidget-background","#ffffff"],["--vscode-editorSuggestWidget-border","#0f4a85"],["--vscode-editorSuggestWidget-focusHighlightForeground","#006bbd"],["--vscode-editorSuggestWidget-foreground","#292929"],["--vscode-editorSuggestWidget-highlightForeground","#006bbd"],["--vscode-editorSuggestWidgetStatus-foreground","rgba(41, 41, 41, 0.5)"],["--vscode-editorUnicodeHighlight-border","#895503"],["--vscode-editorUnnecessaryCode-border","#0f4a85"],["--vscode-editorWarning-border","rgba(255, 204, 0, 0.8)"],["--vscode-editorWarning-foreground","#895503"],["--vscode-editorWhitespace-foreground","#cccccc"],["--vscode-editorWidget-background","#ffffff"],["--vscode-editorWidget-border","#0f4a85"],["--vscode-editorWidget-foreground","#292929"],["--vscode-errorForeground","#b5200d"],["--vscode-extensionBadge-remoteBackground","#0f4a85"],["--vscode-extensionBadge-remoteForeground","#ffffff"],["--vscode-extensionButton-border","#0f4a85"],["--vscode-extensionButton-separator","rgba(255, 255, 255, 0.4)"],["--vscode-extensionIcon-preReleaseForeground","#0f4a85"],["--vscode-extensionIcon-privateForeground","rgba(0, 0, 0, 0.38)"],["--vscode-extensionIcon-sponsorForeground","#b51e78"],["--vscode-extensionIcon-starForeground","#0f4a85"],["--vscode-extensionIcon-verifiedForeground","#0f4a85"],["--vscode-focusBorder","#006bbd"],["--vscode-font-family","system-ui, \"Ubuntu\", \"Droid Sans\", sans-serif"],["--vscode-font-size","13px"],["--vscode-font-weight","normal"],["--vscode-foreground","#292929"],["--vscode-git-blame.editorDecorationForeground","#000000"],["--vscode-gitDecoration-addedResourceForeground","#374e06"],["--vscode-gitDecoration-conflictingResourceForeground","#ad0707"],["--vscode-gitDecoration-deletedResourceForeground","#ad0707"],["--vscode-gitDecoration-ignoredResourceForeground","#8e8e90"],["--vscode-gitDecoration-modifiedResourceForeground","#895503"],["--vscode-gitDecoration-renamedResourceForeground","#007100"],["--vscode-gitDecoration-stageDeletedResourceForeground","#ad0707"],["--vscode-gitDecoration-stageModifiedResourceForeground","#895503"],["--vscode-gitDecoration-submoduleResourceForeground","#1258a7"],["--vscode-gitDecoration-untrackedResourceForeground","#007100"],["--vscode-icon-foreground","#292929"],["--vscode-inactiveSessionView-background","#ffffff"],["--vscode-inlineChat-background","#ffffff"],["--vscode-inlineChat-border","#0f4a85"],["--vscode-inlineChat-foreground","#292929"],["--vscode-inlineChatInput-background","#ffffff"],["--vscode-inlineChatInput-border","#0f4a85"],["--vscode-inlineChatInput-focusBorder","#006bbd"],["--vscode-inlineChatInput-placeholderForeground","rgba(41, 41, 41, 0.7)"],["--vscode-inlineEdit-gutterIndicator.primaryBackground","rgba(15, 74, 133, 0.5)"],["--vscode-inlineEdit-gutterIndicator.primaryBorder","#0f4a85"],["--vscode-inlineEdit-gutterIndicator.primaryForeground","#ffffff"],["--vscode-inlineEdit-gutterIndicator.secondaryBackground","#ffffff"],["--vscode-inlineEdit-gutterIndicator.secondaryBorder","#0f4a85"],["--vscode-inlineEdit-gutterIndicator.secondaryForeground","#292929"],["--vscode-inlineEdit-gutterIndicator.successfulBackground","#0f4a85"],["--vscode-inlineEdit-gutterIndicator.successfulBorder","#0f4a85"],["--vscode-inlineEdit-gutterIndicator.successfulForeground","#ffffff"],["--vscode-input-background","#ffffff"],["--vscode-input-border","#0f4a85"],["--vscode-input-foreground","#292929"],["--vscode-input-placeholderForeground","rgba(41, 41, 41, 0.7)"],["--vscode-inputOption-activeBackground","rgba(0, 0, 0, 0)"],["--vscode-inputOption-activeBorder","#0f4a85"],["--vscode-inputOption-activeForeground","#292929"],["--vscode-inputValidation-errorBackground","#ffffff"],["--vscode-inputValidation-errorBorder","#0f4a85"],["--vscode-inputValidation-errorForeground","#292929"],["--vscode-inputValidation-infoBackground","#ffffff"],["--vscode-inputValidation-infoBorder","#0f4a85"],["--vscode-inputValidation-infoForeground","#292929"],["--vscode-inputValidation-warningBackground","#ffffff"],["--vscode-inputValidation-warningBorder","#0f4a85"],["--vscode-inputValidation-warningForeground","#292929"],["--vscode-interactive-activeCodeBorder","#0f4a85"],["--vscode-interactive-inactiveCodeBorder","#0f4a85"],["--vscode-keybindingLabel-background","rgba(0, 0, 0, 0)"],["--vscode-keybindingLabel-border","#0f4a85"],["--vscode-keybindingLabel-bottomBorder","#292929"],["--vscode-keybindingLabel-foreground","#292929"],["--vscode-list-activeSelectionBackground","rgba(15, 74, 133, 0.1)"],["--vscode-list-deemphasizedForeground","#666666"],["--vscode-list-filterMatchBorder","#006bbd"],["--vscode-list-focusHighlightForeground","#006bbd"],["--vscode-list-focusOutline","#006bbd"],["--vscode-list-highlightForeground","#006bbd"],["--vscode-list-hoverBackground","rgba(15, 74, 133, 0.1)"],["--vscode-list-inactiveSelectionBackground","rgba(15, 74, 133, 0.1)"],["--vscode-list-invalidItemForeground","#b5200d"],["--vscode-listFilterWidget-background","#ffffff"],["--vscode-listFilterWidget-noMatchesOutline","#0f4a85"],["--vscode-listFilterWidget-outline","#007acc"],["--vscode-markdownAlert-caution.foreground","#b5200d"],["--vscode-markdownAlert-important.foreground","#652d90"],["--vscode-markdownAlert-note.foreground","#0063d3"],["--vscode-markdownAlert-tip.foreground","#374e06"],["--vscode-markdownAlert-warning.foreground","#895503"],["--vscode-mcpIcon-starForeground","#0f4a85"],["--vscode-menu-background","#ffffff"],["--vscode-menu-border","#0f4a85"],["--vscode-menu-foreground","#292929"],["--vscode-menu-selectionBackground","rgba(15, 74, 133, 0.1)"],["--vscode-menu-selectionBorder","#006bbd"],["--vscode-menu-separatorBackground","#0f4a85"],["--vscode-menubar-selectionBorder","#006bbd"],["--vscode-menubar-selectionForeground","#292929"],["--vscode-merge-border","#007acc"],["--vscode-mergeEditor-change.background","rgba(155, 185, 85, 0.2)"],["--vscode-mergeEditor-change.word.background","rgba(156, 204, 44, 0.4)"],["--vscode-mergeEditor-changeBase.background","#ffcccc"],["--vscode-mergeEditor-changeBase.word.background","#ffa3a3"],["--vscode-mergeEditor-conflict.handled.minimapOverViewRuler","rgba(173, 172, 168, 0.93)"],["--vscode-mergeEditor-conflict.handledFocused.border","rgba(193, 193, 193, 0.8)"],["--vscode-mergeEditor-conflict.handledUnfocused.border","rgba(134, 134, 134, 0.29)"],["--vscode-mergeEditor-conflict.unhandled.minimapOverViewRuler","#fcba03"],["--vscode-mergeEditor-conflict.unhandledFocused.border","#ffa600"],["--vscode-mergeEditor-conflict.unhandledUnfocused.border","rgba(255, 166, 0, 0.48)"],["--vscode-mergeEditor-conflictingLines.background","rgba(255, 234, 0, 0.28)"],["--vscode-minimap-chatEditHighlight","rgba(255, 255, 255, 0.6)"],["--vscode-minimap-errorHighlight","#b5200d"],["--vscode-minimap-foregroundOpacity","#000000"],["--vscode-minimap-infoHighlight","#292929"],["--vscode-minimap-selectionHighlight","#0f4a85"],["--vscode-minimap-warningHighlight","rgba(255, 204, 0, 0.8)"],["--vscode-minimapGutter-addedBackground","#48985d"],["--vscode-minimapGutter-deletedBackground","#b5200d"],["--vscode-minimapGutter-modifiedBackground","#2090d3"],["--vscode-minimapSlider-activeBackground","rgba(15, 74, 133, 0.5)"],["--vscode-minimapSlider-background","rgba(15, 74, 133, 0.2)"],["--vscode-minimapSlider-hoverBackground","rgba(15, 74, 133, 0.4)"],["--vscode-multiDiffEditor-background","#ffffff"],["--vscode-multiDiffEditor-border","#cccccc"],["--vscode-notebook-cellBorderColor","#0f4a85"],["--vscode-notebook-cellInsertionIndicator","#006bbd"],["--vscode-notebook-cellStatusBarItemHoverBackground","rgba(0, 0, 0, 0.08)"],["--vscode-notebook-cellToolbarSeparator","#0f4a85"],["--vscode-notebook-focusedCellBorder","#006bbd"],["--vscode-notebook-focusedEditorBorder","#006bbd"],["--vscode-notebook-inactiveFocusedCellBorder","#0f4a85"],["--vscode-notebook-inactiveSelectedCellBorder","#006bbd"],["--vscode-notebook-selectedCellBorder","#0f4a85"],["--vscode-notebookEditorOverviewRuler-runningCellForeground","#388a34"],["--vscode-notebookScrollbarSlider-activeBackground","#0f4a85"],["--vscode-notebookScrollbarSlider-background","rgba(15, 74, 133, 0.4)"],["--vscode-notebookScrollbarSlider-hoverBackground","rgba(15, 74, 133, 0.8)"],["--vscode-notebookStatusErrorIcon-foreground","#b5200d"],["--vscode-notebookStatusRunningIcon-foreground","#292929"],["--vscode-notebookStatusSuccessIcon-foreground","#388a34"],["--vscode-notificationCenter-border","#0f4a85"],["--vscode-notificationCenterHeader-background","#ffffff"],["--vscode-notificationLink-foreground","#0f4a85"],["--vscode-notifications-background","#ffffff"],["--vscode-notifications-border","#ffffff"],["--vscode-notifications-foreground","#292929"],["--vscode-notificationsErrorIcon-foreground","#b5200d"],["--vscode-notificationsInfoIcon-foreground","#0063d3"],["--vscode-notificationsWarningIcon-foreground","#895503"],["--vscode-notificationToast-border","#0f4a85"],["--vscode-panel-background","#ffffff"],["--vscode-panel-border","#0f4a85"],["--vscode-panel-dropBorder","#292929"],["--vscode-panelInput-border","#0f4a85"],["--vscode-panelSection-border","#0f4a85"],["--vscode-panelSection-dropBackground","rgba(15, 74, 133, 0.5)"],["--vscode-panelSectionHeader-border","#0f4a85"],["--vscode-panelStickyScroll-background","#ffffff"],["--vscode-panelTitle-activeBorder","#b5200d"],["--vscode-panelTitle-activeForeground","#292929"],["--vscode-panelTitle-border","#0f4a85"],["--vscode-panelTitle-inactiveForeground","#292929"],["--vscode-panelTitleBadge-background","#0f4a85"],["--vscode-panelTitleBadge-foreground","#ffffff"],["--vscode-peekView-border","#0f4a85"],["--vscode-peekViewEditor-background","#ffffff"],["--vscode-peekViewEditor-matchHighlightBorder","#006bbd"],["--vscode-peekViewEditorGutter-background","#ffffff"],["--vscode-peekViewEditorStickyScroll-background","#ffffff"],["--vscode-peekViewEditorStickyScrollGutter-background","#ffffff"],["--vscode-peekViewResult-background","#ffffff"],["--vscode-peekViewResult-fileForeground","#292929"],["--vscode-peekViewResult-lineForeground","#292929"],["--vscode-peekViewResult-selectionForeground","#292929"],["--vscode-peekViewTitle-background","#ffffff"],["--vscode-peekViewTitleDescription-foreground","#292929"],["--vscode-peekViewTitleLabel-foreground","#292929"],["--vscode-pickerGroup-border","#0f4a85"],["--vscode-pickerGroup-foreground","#0f4a85"],["--vscode-ports-iconRunningProcessForeground","#ffffff"],["--vscode-problemsErrorIcon-foreground","#b5200d"],["--vscode-problemsInfoIcon-foreground","#0063d3"],["--vscode-problemsWarningIcon-foreground","#895503"],["--vscode-profileBadge-background","#000000"],["--vscode-profileBadge-foreground","#ffffff"],["--vscode-profiles-sashBorder","#0f4a85"],["--vscode-progressBar-background","#0f4a85"],["--vscode-quickInput-background","#ffffff"],["--vscode-quickInput-foreground","#292929"],["--vscode-quickInputList-focusHighlightForeground","#006bbd"],["--vscode-quickInputTitle-background","#ffffff"],["--vscode-radio-activeBackground","rgba(0, 0, 0, 0)"],["--vscode-radio-activeBorder","#0f4a85"],["--vscode-radio-activeForeground","#292929"],["--vscode-radio-inactiveBorder","rgba(41, 41, 41, 0.2)"],["--vscode-sash-hoverBorder","#006bbd"],["--vscode-scmGraph-foreground1","#ffb000"],["--vscode-scmGraph-foreground2","#dc267f"],["--vscode-scmGraph-foreground3","#994f00"],["--vscode-scmGraph-foreground4","#40b0a6"],["--vscode-scmGraph-foreground5","#b66dff"],["--vscode-scmGraph-historyItemBaseRefColor","#ea5c00"],["--vscode-scmGraph-historyItemHoverAdditionsForeground","#374e06"],["--vscode-scmGraph-historyItemHoverDefaultLabelBackground","#0f4a85"],["--vscode-scmGraph-historyItemHoverDefaultLabelForeground","#292929"],["--vscode-scmGraph-historyItemHoverDeletionsForeground","#ad0707"],["--vscode-scmGraph-historyItemHoverLabelForeground","#ffffff"],["--vscode-scmGraph-historyItemRefColor","#0063d3"],["--vscode-scmGraph-historyItemRemoteRefColor","#652d90"],["--vscode-scrollbarSlider-activeBackground","#0f4a85"],["--vscode-scrollbarSlider-background","rgba(15, 74, 133, 0.4)"],["--vscode-scrollbarSlider-hoverBackground","rgba(15, 74, 133, 0.8)"],["--vscode-search-resultsInfoForeground","#292929"],["--vscode-searchEditor-findMatchBorder","#006bbd"],["--vscode-searchEditor-textInputBorder","#0f4a85"],["--vscode-settings-checkboxBackground","#ffffff"],["--vscode-settings-checkboxBorder","#0f4a85"],["--vscode-settings-checkboxForeground","#292929"],["--vscode-settings-dropdownBackground","#ffffff"],["--vscode-settings-dropdownBorder","#0f4a85"],["--vscode-settings-dropdownForeground","#292929"],["--vscode-settings-dropdownListBorder","#0f4a85"],["--vscode-settings-focusedRowBorder","#006bbd"],["--vscode-settings-headerBorder","#0f4a85"],["--vscode-settings-headerForeground","#292929"],["--vscode-settings-modifiedItemIndicator","#66afe0"],["--vscode-settings-numberInputBackground","#ffffff"],["--vscode-settings-numberInputBorder","#0f4a85"],["--vscode-settings-numberInputForeground","#292929"],["--vscode-settings-sashBorder","#0f4a85"],["--vscode-settings-settingsHeaderHoverForeground","rgba(41, 41, 41, 0.7)"],["--vscode-settings-textInputBackground","#ffffff"],["--vscode-settings-textInputBorder","#0f4a85"],["--vscode-settings-textInputForeground","#292929"],["--vscode-sideBar-background","#ffffff"],["--vscode-sideBar-border","#0f4a85"],["--vscode-sideBar-dropBackground","rgba(15, 74, 133, 0.5)"],["--vscode-sideBarActivityBarTop-border","#0f4a85"],["--vscode-sideBarSectionHeader-border","#0f4a85"],["--vscode-sideBarStickyScroll-background","#ffffff"],["--vscode-sideBarTitle-background","#ffffff"],["--vscode-sideBarTitle-border","#0f4a85"],["--vscode-sideBySideEditor-horizontalBorder","#0f4a85"],["--vscode-sideBySideEditor-verticalBorder","#0f4a85"],["--vscode-simpleFindWidget-sashBorder","#0f4a85"],["--vscode-spacing-size100","10px"],["--vscode-spacing-size120","12px"],["--vscode-spacing-size160","16px"],["--vscode-spacing-size20","2px"],["--vscode-spacing-size200","20px"],["--vscode-spacing-size240","24px"],["--vscode-spacing-size280","28px"],["--vscode-spacing-size320","32px"],["--vscode-spacing-size360","36px"],["--vscode-spacing-size40","4px"],["--vscode-spacing-size400","40px"],["--vscode-spacing-size60","6px"],["--vscode-spacing-size80","8px"],["--vscode-spacing-sizeNone","0px"],["--vscode-statusBar-border","#0f4a85"],["--vscode-statusBar-debuggingBackground","#b5200d"],["--vscode-statusBar-debuggingBorder","#0f4a85"],["--vscode-statusBar-debuggingForeground","#ffffff"],["--vscode-statusBar-focusBorder","#292929"],["--vscode-statusBar-foreground","#292929"],["--vscode-statusBar-noFolderBorder","#0f4a85"],["--vscode-statusBar-noFolderForeground","#292929"],["--vscode-statusBarItem-activeBackground","rgba(0, 0, 0, 0.18)"],["--vscode-statusBarItem-compactHoverBackground","#ffffff"],["--vscode-statusBarItem-errorBackground","#b5200d"],["--vscode-statusBarItem-errorForeground","#ffffff"],["--vscode-statusBarItem-errorHoverBackground","#ffffff"],["--vscode-statusBarItem-errorHoverForeground","#292929"],["--vscode-statusBarItem-focusBorder","#006bbd"],["--vscode-statusBarItem-hoverBackground","#ffffff"],["--vscode-statusBarItem-hoverForeground","#292929"],["--vscode-statusBarItem-offlineBackground","#6c1717"],["--vscode-statusBarItem-offlineForeground","#000000"],["--vscode-statusBarItem-offlineHoverForeground","#292929"],["--vscode-statusBarItem-prominentBackground","rgba(0, 0, 0, 0.5)"],["--vscode-statusBarItem-prominentForeground","#292929"],["--vscode-statusBarItem-prominentHoverBackground","#ffffff"],["--vscode-statusBarItem-prominentHoverForeground","#292929"],["--vscode-statusBarItem-remoteBackground","#ffffff"],["--vscode-statusBarItem-remoteForeground","#000000"],["--vscode-statusBarItem-remoteHoverForeground","#292929"],["--vscode-statusBarItem-warningBackground","#895503"],["--vscode-statusBarItem-warningForeground","#ffffff"],["--vscode-statusBarItem-warningHoverBackground","#ffffff"],["--vscode-statusBarItem-warningHoverForeground","#292929"],["--vscode-strokeThickness","1px"],["--vscode-strongForeground","#000000"],["--vscode-symbolIcon-arrayForeground","#292929"],["--vscode-symbolIcon-booleanForeground","#292929"],["--vscode-symbolIcon-classForeground","#d67e00"],["--vscode-symbolIcon-colorForeground","#292929"],["--vscode-symbolIcon-constantForeground","#292929"],["--vscode-symbolIcon-constructorForeground","#652d90"],["--vscode-symbolIcon-enumeratorForeground","#d67e00"],["--vscode-symbolIcon-enumeratorMemberForeground","#007acc"],["--vscode-symbolIcon-eventForeground","#d67e00"],["--vscode-symbolIcon-fieldForeground","#007acc"],["--vscode-symbolIcon-fileForeground","#292929"],["--vscode-symbolIcon-folderForeground","#292929"],["--vscode-symbolIcon-functionForeground","#652d90"],["--vscode-symbolIcon-interfaceForeground","#007acc"],["--vscode-symbolIcon-keyForeground","#292929"],["--vscode-symbolIcon-keywordForeground","#292929"],["--vscode-symbolIcon-methodForeground","#652d90"],["--vscode-symbolIcon-moduleForeground","#292929"],["--vscode-symbolIcon-namespaceForeground","#292929"],["--vscode-symbolIcon-nullForeground","#292929"],["--vscode-symbolIcon-numberForeground","#292929"],["--vscode-symbolIcon-objectForeground","#292929"],["--vscode-symbolIcon-operatorForeground","#292929"],["--vscode-symbolIcon-packageForeground","#292929"],["--vscode-symbolIcon-propertyForeground","#292929"],["--vscode-symbolIcon-referenceForeground","#292929"],["--vscode-symbolIcon-snippetForeground","#292929"],["--vscode-symbolIcon-stringForeground","#292929"],["--vscode-symbolIcon-structForeground","#292929"],["--vscode-symbolIcon-textForeground","#292929"],["--vscode-symbolIcon-typeParameterForeground","#292929"],["--vscode-symbolIcon-unitForeground","#292929"],["--vscode-symbolIcon-variableForeground","#007acc"],["--vscode-tab-activeBackground","#ffffff"],["--vscode-tab-activeBorderTop","#b5200d"],["--vscode-tab-activeForeground","#292929"],["--vscode-tab-activeModifiedBorder","#0f4a85"],["--vscode-tab-border","#0f4a85"],["--vscode-tab-dragAndDropBorder","#006bbd"],["--vscode-tab-inactiveForeground","#292929"],["--vscode-tab-inactiveModifiedBorder","#0f4a85"],["--vscode-tab-lastPinnedBorder","#0f4a85"],["--vscode-tab-selectedBackground","#ffffff"],["--vscode-tab-selectedBorderTop","#b5200d"],["--vscode-tab-selectedForeground","#292929"],["--vscode-tab-unfocusedActiveBackground","#ffffff"],["--vscode-tab-unfocusedActiveBorderTop","#b5200d"],["--vscode-tab-unfocusedActiveForeground","#292929"],["--vscode-tab-unfocusedActiveModifiedBorder","#0f4a85"],["--vscode-tab-unfocusedHoverBorder","#0f4a85"],["--vscode-tab-unfocusedInactiveForeground","#292929"],["--vscode-tab-unfocusedInactiveModifiedBorder","#0f4a85"],["--vscode-terminal-ansiBlack","#292929"],["--vscode-terminal-ansiBlue","#0451a5"],["--vscode-terminal-ansiBrightBlack","#666666"],["--vscode-terminal-ansiBrightBlue","#0451a5"],["--vscode-terminal-ansiBrightCyan","#0598bc"],["--vscode-terminal-ansiBrightGreen","#00bc00"],["--vscode-terminal-ansiBrightMagenta","#bc05bc"],["--vscode-terminal-ansiBrightRed","#cd3131"],["--vscode-terminal-ansiBrightWhite","#a5a5a5"],["--vscode-terminal-ansiBrightYellow","#b5ba00"],["--vscode-terminal-ansiCyan","#0598bc"],["--vscode-terminal-ansiGreen","#136c13"],["--vscode-terminal-ansiMagenta","#bc05bc"],["--vscode-terminal-ansiRed","#cd3131"],["--vscode-terminal-ansiWhite","#555555"],["--vscode-terminal-ansiYellow","#949800"],["--vscode-terminal-border","#0f4a85"],["--vscode-terminal-dropBackground","rgba(15, 74, 133, 0.5)"],["--vscode-terminal-findMatchBackground","#0f4a85"],["--vscode-terminal-findMatchBorder","#0f4a85"],["--vscode-terminal-findMatchHighlightBorder","#0f4a85"],["--vscode-terminal-foreground","#292929"],["--vscode-terminal-inactiveSelectionBackground","rgba(15, 74, 133, 0.5)"],["--vscode-terminal-selectionBackground","#0f4a85"],["--vscode-terminal-selectionForeground","#ffffff"],["--vscode-terminalCommandDecoration-defaultBackground","rgba(0, 0, 0, 0.25)"],["--vscode-terminalCommandDecoration-errorBackground","#b5200d"],["--vscode-terminalCommandDecoration-successBackground","#007100"],["--vscode-terminalCommandGuide-foreground","#0f4a85"],["--vscode-terminalOverviewRuler-border","#666666"],["--vscode-terminalOverviewRuler-cursorForeground","rgba(160, 160, 160, 0.8)"],["--vscode-terminalOverviewRuler-findMatchForeground","#0f4a85"],["--vscode-terminalStickyScroll-border","#0f4a85"],["--vscode-terminalStickyScrollHover-background","#0f4a85"],["--vscode-terminalSymbolIcon-aliasForeground","#652d90"],["--vscode-terminalSymbolIcon-argumentForeground","#007acc"],["--vscode-terminalSymbolIcon-branchForeground","#292929"],["--vscode-terminalSymbolIcon-commitForeground","#292929"],["--vscode-terminalSymbolIcon-fileForeground","#292929"],["--vscode-terminalSymbolIcon-flagForeground","#d67e00"],["--vscode-terminalSymbolIcon-folderForeground","#292929"],["--vscode-terminalSymbolIcon-methodForeground","#652d90"],["--vscode-terminalSymbolIcon-optionForeground","#d67e00"],["--vscode-terminalSymbolIcon-optionValueForeground","#007acc"],["--vscode-terminalSymbolIcon-pullRequestDoneForeground","#292929"],["--vscode-terminalSymbolIcon-pullRequestForeground","#292929"],["--vscode-terminalSymbolIcon-remoteForeground","#292929"],["--vscode-terminalSymbolIcon-stashForeground","#292929"],["--vscode-terminalSymbolIcon-symbolicLinkFileForeground","#292929"],["--vscode-terminalSymbolIcon-symbolicLinkFolderForeground","#292929"],["--vscode-terminalSymbolIcon-symbolText","#292929"],["--vscode-terminalSymbolIcon-tagForeground","#292929"],["--vscode-testing-coverCountBadgeBackground","#0f4a85"],["--vscode-testing-coverCountBadgeForeground","#ffffff"],["--vscode-testing-coveredBorder","#0f4a85"],["--vscode-testing-coveredGutterBackground","#374e06"],["--vscode-testing-coveredMinimapBackground","#374e06"],["--vscode-testing-iconPassed","#007100"],["--vscode-testing-iconPassed.retired","rgba(0, 113, 0, 0.7)"],["--vscode-testing-iconSkipped","#848484"],["--vscode-testing-iconSkipped.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-iconUnset","#848484"],["--vscode-testing-iconUnset.retired","rgba(132, 132, 132, 0.7)"],["--vscode-testing-message.error.badgeBackground","#f14c4c"],["--vscode-testing-message.error.badgeBorder","#f14c4c"],["--vscode-testing-message.error.badgeForeground","#000000"],["--vscode-testing-message.info.decorationForeground","rgba(41, 41, 41, 0.5)"],["--vscode-testing-messagePeekBorder","#0f4a85"],["--vscode-testing-peekBorder","#0f4a85"],["--vscode-testing-runAction","#007100"],["--vscode-testing-uncoveredBorder","#0f4a85"],["--vscode-testing-uncoveredGutterBackground","#b5200d"],["--vscode-testing-uncoveredMinimapBackground","#b5200d"],["--vscode-textBlockQuote-background","#f2f2f2"],["--vscode-textBlockQuote-border","#292929"],["--vscode-textCodeBlock-background","#f2f2f2"],["--vscode-textLink-activeForeground","#0f4a85"],["--vscode-textLink-foreground","#0f4a85"],["--vscode-textPreformat-background","#09345f"],["--vscode-textPreformat-foreground","#ffffff"],["--vscode-textSeparator-foreground","#292929"],["--vscode-titleBar-activeBackground","#ffffff"],["--vscode-titleBar-activeForeground","#292929"],["--vscode-titleBar-border","#0f4a85"],["--vscode-titleBar-inactiveForeground","#292929"],["--vscode-toolbar-hoverOutline","#006bbd"],["--vscode-tree-inactiveIndentGuidesStroke","rgba(165, 165, 165, 0.4)"],["--vscode-tree-indentGuidesStroke","#a5a5a5"],["--vscode-welcomePage-progress.background","#ffffff"],["--vscode-welcomePage-progress.foreground","#0f4a85"],["--vscode-welcomePage-tileBackground","#ffffff"],["--vscode-welcomePage-tileBorder","#0f4a85"],["--vscode-widget-border","#0f4a85"],["--vscode-window-activeBorder","#0f4a85"],["--vscode-window-inactiveBorder","#0f4a85"]]}} diff --git a/.storybook/themes/package.json b/.storybook/themes/package.json new file mode 100644 index 0000000000..18ccbbe4b3 --- /dev/null +++ b/.storybook/themes/package.json @@ -0,0 +1,11 @@ +{ + "name": "theme-sync-fixture", + "description": "Fixture extension loaded by sync.mjs (pnpm sync:vscode-themes)", + "publisher": "coder", + "version": "0.0.1", + "private": true, + "type": "commonjs", + "engines": { + "vscode": "^1.105.0" + } +} diff --git a/.storybook/themes/suite.cjs b/.storybook/themes/suite.cjs new file mode 100644 index 0000000000..1b190e4e04 --- /dev/null +++ b/.storybook/themes/suite.cjs @@ -0,0 +1,166 @@ +"use strict"; + +/** + * Runs inside the VS Code extension host, launched by ./sync.mjs. Cycles + * through the built-in themes, opens a webview per theme, and dumps the + * injected --vscode-* variables and the "_defaultStyles" stylesheet to + * THEME_SYNC_OUTPUT_DIR. + */ + +const fs = require("node:fs"); +const path = require("node:path"); +const vscode = require("vscode"); + +/** Provenance name stamped into generated file headers. */ +const SCRIPT_NAME = "pnpm sync:vscode-themes"; + +/** + * Output slug and built-in theme name. + * @type {ReadonlyArray} + */ +const THEMES = [ + ["dark", "Default Dark Modern"], + ["light", "Default Light Modern"], + ["high-contrast", "Default High Contrast"], + ["high-contrast-light", "Default High Contrast Light"], +]; + +/** + * Dark is the startup default, so it is captured last: every capture must + * follow a real theme-change event, because the startup theme's data may + * still be partially loaded when the extension host starts. + * @type {ReadonlyArray} + */ +const CAPTURE_ORDER = [...THEMES.slice(1), THEMES[0]]; + +const WEBVIEW_HTML = ` + + + + +`; + +/** + * Activates a theme and resolves on the resulting theme-change event; + * rejects if it does not activate within 10s. + */ +function setTheme(themeName) { + return new Promise((resolvePromise, rejectPromise) => { + const timer = setTimeout(() => { + disposable.dispose(); + rejectPromise(new Error(`Theme "${themeName}" did not activate`)); + }, 10_000); + const disposable = vscode.window.onDidChangeActiveColorTheme(() => { + disposable.dispose(); + clearTimeout(timer); + resolvePromise(); + }); + vscode.workspace + .getConfiguration("workbench") + .update("colorTheme", themeName, vscode.ConfigurationTarget.Global) + .then(undefined, rejectPromise); + }); +} + +/** Opens a webview and resolves with the payload collect() posts back. */ +function dumpWebview() { + return new Promise((resolvePromise, rejectPromise) => { + const panel = vscode.window.createWebviewPanel( + "themeSync", + "Theme Sync", + vscode.ViewColumn.One, + { enableScripts: true }, + ); + const timer = setTimeout(() => { + panel.dispose(); + rejectPromise(new Error("Timed out waiting for webview message")); + }, 30_000); + panel.webview.onDidReceiveMessage((message) => { + clearTimeout(timer); + panel.dispose(); + resolvePromise(message); + }); + panel.webview.html = WEBVIEW_HTML; + }); +} + +/** Test entry point invoked by @vscode/test-electron. */ +async function run() { + const outputDir = process.env.THEME_SYNC_OUTPUT_DIR; + if (!outputDir) { + throw new Error("THEME_SYNC_OUTPUT_DIR is not set"); + } + fs.mkdirSync(outputDir, { recursive: true }); + const captured = {}; + + for (const [slug, themeName] of CAPTURE_ORDER) { + await setTheme(themeName); + const { variables, defaultStyles } = await dumpWebview(); + if (variables.length === 0) { + throw new Error(`No --vscode-* variables captured for ${themeName}`); + } + variables.sort((a, b) => a[0].localeCompare(b[0])); + captured[slug] = variables; + console.log(`Captured ${variables.length} variables for ${themeName}`); + + if (slug === "dark") { + if (!defaultStyles) { + throw new Error( + "Default webview stylesheet (_defaultStyles) not found", + ); + } + const header = `/* Generated by ${SCRIPT_NAME} from VS Code ${vscode.version}. Do not edit by hand. */\n`; + fs.writeFileSync( + path.join(outputDir, "default-styles.css"), + header + defaultStyles.trim() + "\n", + ); + console.log("Captured default webview stylesheet"); + } + } + + // Keys in THEMES order so resyncs diff cleanly against the committed file. + const themes = {}; + for (const [slug] of THEMES) { + themes[slug] = captured[slug]; + } + + // Minified single line, excluded from Prettier, so resyncs produce a + // one-line diff instead of thousands of formatted lines. + fs.writeFileSync( + path.join(outputDir, "themes.json"), + JSON.stringify({ + $comment: `Generated by ${SCRIPT_NAME} from VS Code ${vscode.version}. Do not edit by hand.`, + vscode: vscode.version, + themes, + }) + "\n", + ); +} + +module.exports = { run }; diff --git a/.storybook/themes/sync.mjs b/.storybook/themes/sync.mjs new file mode 100644 index 0000000000..d3faa7d967 --- /dev/null +++ b/.storybook/themes/sync.mjs @@ -0,0 +1,58 @@ +#!/usr/bin/env node + +/** + * Captures the CSS custom properties and default webview stylesheet a real + * VS Code instance injects into webviews, per built-in theme, into + * ./generated. The capture logic in suite.cjs runs inside the extension + * host; package.json here is the fixture extension manifest VS Code + * requires. On headless environments: `xvfb-run -a pnpm sync:vscode-themes`. + */ + +import { execFileSync } from "node:child_process"; +import { mkdtempSync, rmSync } from "node:fs"; +import { tmpdir } from "node:os"; +import { dirname, join, resolve } from "node:path"; +import { fileURLToPath } from "node:url"; + +import { runTests } from "@vscode/test-electron"; + +const HERE = dirname(fileURLToPath(import.meta.url)); +const OUTPUT_DIR = join(HERE, "generated"); + +/** Pinned so dumps are reproducible; bump to resync against a newer VS Code. */ +const VSCODE_VERSION = "1.128.0"; + +async function main() { + // Isolated profile: theme switching must not touch the shared + // .vscode-test user data used by the integration tests. + const userDataDir = mkdtempSync(join(tmpdir(), "vscode-theme-sync-")); + try { + await runTests({ + version: VSCODE_VERSION, + extensionDevelopmentPath: HERE, + extensionTestsPath: join(HERE, "suite.cjs"), + extensionTestsEnv: { THEME_SYNC_OUTPUT_DIR: OUTPUT_DIR }, + launchArgs: [ + "--disable-extensions", + "--disable-gpu", + "--user-data-dir", + userDataDir, + ], + }); + // The dump arrives with VS Code's source indentation; format it so a + // resync never leaves a diff for format:check to reject. + execFileSync( + "pnpm", + ["exec", "prettier", "--write", join(OUTPUT_DIR, "default-styles.css")], + { cwd: resolve(HERE, "../.."), stdio: "inherit" }, + ); + console.log(`Snapshots written to ${OUTPUT_DIR}`); + } finally { + rmSync(userDataDir, { recursive: true, force: true }); + } +} + +main().catch((error) => { + console.error(error); + process.exit(1); +}); diff --git a/.storybook/tsconfig.json b/.storybook/tsconfig.json index 1f39050aaf..2c92a6a2ba 100644 --- a/.storybook/tsconfig.json +++ b/.storybook/tsconfig.json @@ -4,6 +4,7 @@ "types": ["node"], "jsx": "react-jsx", "noEmit": true, + "resolveJsonModule": true, "rootDir": ".." }, "include": ["*.ts", "../packages/*/storybook.preview.ts"], diff --git a/AGENTS.md b/AGENTS.md index 97d317755b..e40c60cedd 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -41,9 +41,10 @@ doesn't make sense. Honesty over agreeableness. | **Integration tests** | `pnpm test:integration` | | **Single extension test** | `pnpm test:extension ./test/unit/filename.test.ts` | | **Single webview test** | `pnpm test:webview ./test/webview/filename.test.ts` | +| **Sync webview themes** | `pnpm sync:vscode-themes` | -Integration tests launch VS Code and need a display. On headless -environments (CI, devcontainers) prefix with `xvfb-run -a`: +Integration tests and the theme sync launch VS Code and need a display. On +headless environments (CI, devcontainers) prefix with `xvfb-run -a`: ```sh xvfb-run -a pnpm test:integration diff --git a/eslint.config.mjs b/eslint.config.mjs index 8198aae6b5..7e59cfe0ad 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -165,7 +165,7 @@ export default defineConfig( // Build config - ESM with Node globals { - files: ["esbuild.mjs", "scripts/*.mjs"], + files: ["esbuild.mjs", "scripts/*.mjs", ".storybook/themes/*.mjs"], languageOptions: { globals: { ...globals.node, @@ -208,6 +208,25 @@ export default defineConfig( }, }, + // Keep the UI package independent from other workspace packages. + { + files: ["packages/ui/**/*.{ts,tsx}"], + rules: { + "import-x/no-relative-packages": "error", + "no-restricted-imports": [ + "error", + { + patterns: [ + { + group: ["@repo/*"], + message: "packages/ui must not import other workspace packages.", + }, + ], + }, + ], + }, + }, + // React rules with type-checked analysis (covers hooks, JSX, DOM) { files: ["packages/**/*.{ts,tsx}"], diff --git a/package.json b/package.json index e0df8feac5..9886e284db 100644 --- a/package.json +++ b/package.json @@ -32,6 +32,7 @@ "storybook": "storybook dev -p 6006 --config-dir .storybook", "storybook:build": "storybook build --config-dir .storybook", "storybook:ci": "storybook build --test --config-dir .storybook", + "sync:vscode-themes": "node .storybook/themes/sync.mjs", "test": "cross-env CI=true ELECTRON_RUN_AS_NODE=1 electron node_modules/vitest/vitest.mjs", "test:extension": "cross-env ELECTRON_RUN_AS_NODE=1 electron node_modules/vitest/vitest.mjs --project extension", "test:integration": "pnpm compile-tests:integration && node esbuild.mjs && vscode-test", @@ -789,7 +790,6 @@ "@typescript-eslint/parser": "^8.63.0", "@vitejs/plugin-react": "catalog:", "@vitest/coverage-v8": "^4.1.10", - "@vscode-elements/webview-playground": "catalog:", "@vscode/codicons": "catalog:", "@vscode/test-cli": "^0.0.15", "@vscode/test-electron": "^3.0.0", diff --git a/packages/ui/README.md b/packages/ui/README.md index 04b76f5bfb..03ed7566a1 100644 --- a/packages/ui/README.md +++ b/packages/ui/README.md @@ -1,36 +1,47 @@ # @repo/ui -Generic component library for VS Code webviews. No workspace or task -knowledge — that lives in the consuming packages (`@repo/workspaces`, -`@repo/tasks`). - -## Theming - -`tokens.css` defines semantic `--ui-*` custom properties mapped to the -`--vscode-*` variables VS Code injects into every webview. Components -style against the semantic tokens only, so the VS Code mapping (including -high contrast) is adjusted in one place. Tokens whose underlying variable -may be absent (high contrast themes omit hover/selection fills) declare a -fallback, so every token always resolves. Import it once per webview +Generic React components for VS Code webviews. The package is currently +source-consumed by this monorepo; it does not ship a `dist` build yet. + +Its stable separation boundary is the public root exports, no monorepo runtime +imports, and component CSS using only semantic `--ui-*` tokens. A future package +build can emit those same entry points without API changes. + +## CSS + +Import the semantic token mapping and codicon assets once in each real webview entry point: ```ts import "@repo/ui/tokens.css"; +import "@repo/ui/codicon.css"; ``` -`useVscodeTheme()` returns the active theme kind (`dark`, `light`, -`high-contrast`, `high-contrast-light`) and re-renders on theme changes. +`tokens.css` is the only layer that references VS Code's injected +`--vscode-*` variables. Components reference `--ui-*` tokens only. + +Component CSS is inherit-first: typography and text color come from the +webview (`font: inherit`), and controls center content with a fixed height +plus the shared `.ui-control` flex base in `components/control.css` — never +with line-height or vertical padding math, which drifts off-center with +font metrics. + +Every component forwards `className` and `style` to its root element, and +default rules use single-class specificity, so a consumer class imported +after the library overrides any default (width, height, spacing). + +## Codicons -`codicon.css` re-exports the codicon font and classes. +`CodiconName` is derived directly from the installed +`@vscode/codicons/dist/metadata.json` keys. TypeScript validates icon names +without a generated source file or a runtime list in the public API. -## Rules +## Isolation -The package is shaped for a future standalone NPM split. Keep it that way: +ESLint rejects `@repo/*` imports and relative cross-package imports in +`packages/ui` TypeScript and TSX source. `react` remains a peer dependency, and +public consumers import from the package root or its declared CSS exports. -- No `workspace:*` runtime dependencies (no `@repo/shared`, - `@repo/webview-shared`). -- `react` stays a peer dependency. -- New entry points go in the `exports` map; consumers never deep-import - `src/`. -- New components define their VS Code mappings in `tokens.css`, not - inline `--vscode-*` references. +Shared internals are reached through `package.json` subpath imports (`#cx`, +`#codicons`, `#storybook`). These resolve only inside this package and ship +with it, so they survive a standalone NPM split. diff --git a/packages/ui/package.json b/packages/ui/package.json index 9e5fb4fed4..7497d9f8b0 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -12,6 +12,11 @@ "./codicon.css": "./src/codicon.css", "./tokens.css": "./src/tokens.css" }, + "imports": { + "#cx": "./src/cx.ts", + "#codicons": "./src/codicons.ts", + "#storybook": "./src/storybook.ts" + }, "scripts": { "typecheck": "tsc --noEmit" }, @@ -23,6 +28,7 @@ }, "devDependencies": { "@types/react": "catalog:", + "@vscode-elements/react-elements": "catalog:", "react": "catalog:", "typescript": "catalog:" } diff --git a/packages/ui/src/codicons.ts b/packages/ui/src/codicons.ts new file mode 100644 index 0000000000..7fc55925ac --- /dev/null +++ b/packages/ui/src/codicons.ts @@ -0,0 +1,3 @@ +import type codiconMetadata from "@vscode/codicons/dist/metadata.json"; + +export type CodiconName = keyof typeof codiconMetadata; diff --git a/packages/ui/src/components/EmptyState/EmptyState.stories.tsx b/packages/ui/src/components/EmptyState/EmptyState.stories.tsx new file mode 100644 index 0000000000..13cb8865c3 --- /dev/null +++ b/packages/ui/src/components/EmptyState/EmptyState.stories.tsx @@ -0,0 +1,30 @@ +import { FourThemeModes } from "#storybook"; + +import { EmptyState } from "./EmptyState"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +const EmptyStates = (): React.JSX.Element => ( +
+ Create workspace} + /> + +
+); + +const meta: Meta = { + title: "UI/EmptyState", + component: EmptyStates, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const States: Story = {}; diff --git a/packages/ui/src/components/EmptyState/EmptyState.tsx b/packages/ui/src/components/EmptyState/EmptyState.tsx new file mode 100644 index 0000000000..b05e09e67d --- /dev/null +++ b/packages/ui/src/components/EmptyState/EmptyState.tsx @@ -0,0 +1,39 @@ +import { type HTMLAttributes, type ReactNode } from "react"; + +import { cx } from "#cx"; + +import "../control.css"; +import { Icon } from "../Icon/Icon"; +import "../StatePanel/StatePanel.css"; + +import type { CodiconName } from "#codicons"; + +export interface EmptyStateProps extends Omit< + HTMLAttributes, + "title" +> { + action?: ReactNode; + description?: ReactNode; + icon?: CodiconName; + title: ReactNode; +} + +export function EmptyState({ + action, + description, + icon = "inbox", + title, + className, + ...props +}: EmptyStateProps): React.JSX.Element { + return ( +
+ +

{title}

+ {description ? ( +
{description}
+ ) : null} + {action ?
{action}
: null} +
+ ); +} diff --git a/packages/ui/src/components/ErrorState/ErrorState.stories.tsx b/packages/ui/src/components/ErrorState/ErrorState.stories.tsx new file mode 100644 index 0000000000..8adb20e563 --- /dev/null +++ b/packages/ui/src/components/ErrorState/ErrorState.stories.tsx @@ -0,0 +1,42 @@ +import { expect, userEvent, within } from "storybook/test"; + +import { FourThemeModes } from "#storybook"; + +import { ErrorState } from "./ErrorState"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +const ErrorStates = (): React.JSX.Element => ( +
+ undefined} + /> + View details} + /> +
+); + +const meta: Meta = { + title: "UI/ErrorState", + component: ErrorStates, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const States: Story = { + play: async ({ canvasElement }) => { + const canvas = within(canvasElement); + const retryButton = canvas.getByRole("button", { name: "Try again" }); + + await userEvent.hover(retryButton); + retryButton.focus(); + await expect(retryButton).toHaveFocus(); + retryButton.blur(); + await userEvent.unhover(retryButton); + }, +}; diff --git a/packages/ui/src/components/ErrorState/ErrorState.tsx b/packages/ui/src/components/ErrorState/ErrorState.tsx new file mode 100644 index 0000000000..33b4718a8c --- /dev/null +++ b/packages/ui/src/components/ErrorState/ErrorState.tsx @@ -0,0 +1,51 @@ +import { type HTMLAttributes, type ReactNode } from "react"; + +import { cx } from "#cx"; + +import "../control.css"; +import { Icon } from "../Icon/Icon"; +import "../StatePanel/StatePanel.css"; + +export interface ErrorStateProps extends Omit< + HTMLAttributes, + "role" | "title" +> { + action?: ReactNode; + description?: ReactNode; + onRetry?: () => void; + retryLabel?: string; + title?: ReactNode; +} + +export function ErrorState({ + action, + description, + onRetry, + retryLabel = "Try again", + title = "Something went wrong", + className, + ...props +}: ErrorStateProps): React.JSX.Element { + return ( +
+ +

{title}

+ {description ? ( +
{description}
+ ) : null} + {action || onRetry ? ( +
+ {action ?? ( + + )} +
+ ) : null} +
+ ); +} diff --git a/packages/ui/src/components/Icon/Icon.css b/packages/ui/src/components/Icon/Icon.css new file mode 100644 index 0000000000..3dcc21dde3 --- /dev/null +++ b/packages/ui/src/components/Icon/Icon.css @@ -0,0 +1,21 @@ +.ui-icon { + color: currentColor; + font-size: inherit; + line-height: 1; +} + +.ui-icon--spin { + animation: ui-icon-spin 1s linear infinite; +} + +@keyframes ui-icon-spin { + to { + transform: rotate(1turn); + } +} + +@media (prefers-reduced-motion: reduce) { + .ui-icon--spin { + animation: none; + } +} diff --git a/packages/ui/src/components/Icon/Icon.stories.tsx b/packages/ui/src/components/Icon/Icon.stories.tsx new file mode 100644 index 0000000000..9aeb9e4d42 --- /dev/null +++ b/packages/ui/src/components/Icon/Icon.stories.tsx @@ -0,0 +1,66 @@ +import { expect, within } from "storybook/test"; + +import { FourThemeModes } from "#storybook"; + +import { Icon } from "./Icon"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +import type { CodiconName } from "#codicons"; + +const galleryIcons = [ + "account", + "add", + "alert", + "check", + "close", + "error", + "info", + "refresh", + "search", + "settings-gear", + "trash", + "workspace-trusted", +] as const satisfies readonly CodiconName[]; + +const IconStates = (): React.JSX.Element => ( +
+ + + +
+); + +const meta: Meta = { + title: "UI/Icon", + component: IconStates, +}; +export default meta; +type Story = StoryObj; + +export const States: Story = { + parameters: { chromatic: { modes: FourThemeModes } }, + play: async ({ canvasElement }) => { + await expect( + within(canvasElement).getByRole("img", { name: "Syncing" }), + ).toHaveClass("ui-icon--spin"); + }, +}; + +export const Gallery: Story = { + render: () => ( +
+ {galleryIcons.map((name) => ( + + ))} +
+ ), + parameters: { chromatic: { disableSnapshot: true } }, +}; diff --git a/packages/ui/src/components/Icon/Icon.tsx b/packages/ui/src/components/Icon/Icon.tsx new file mode 100644 index 0000000000..ea3dcb6503 --- /dev/null +++ b/packages/ui/src/components/Icon/Icon.tsx @@ -0,0 +1,44 @@ +import { type HTMLAttributes } from "react"; + +import { cx } from "#cx"; + +import "./Icon.css"; + +import type { CodiconName } from "#codicons"; + +export interface IconProps extends Omit< + HTMLAttributes, + "children" +> { + name: CodiconName; + spin?: boolean; +} + +export function Icon({ + name, + spin = false, + className, + "aria-label": ariaLabel, + "aria-labelledby": ariaLabelledBy, + ...props +}: IconProps): React.JSX.Element { + const isLabelled = Boolean(ariaLabel || ariaLabelledBy); + const classes = cx( + "ui-icon", + "codicon", + `codicon-${name}`, + spin && "ui-icon--spin", + className, + ); + + return ( + + ); +} diff --git a/packages/ui/src/components/IconButton/IconButton.css b/packages/ui/src/components/IconButton/IconButton.css new file mode 100644 index 0000000000..e896067baa --- /dev/null +++ b/packages/ui/src/components/IconButton/IconButton.css @@ -0,0 +1,43 @@ +.ui-icon-button { + width: 22px; + height: 22px; + padding: 0; + color: var(--ui-toolbar-foreground); + background: transparent; + border: 0; + border-radius: 5px; + cursor: pointer; + outline: 1px solid transparent; + outline-offset: -1px; +} + +.ui-icon-button .ui-icon { + font-size: 16px; +} + +.ui-icon-button:hover:not(:disabled) { + background: var(--ui-toolbar-hover-background); + outline-color: var(--ui-toolbar-hover-outline); + outline-style: dashed; +} + +.ui-icon-button:active:not(:disabled) { + background: var(--ui-toolbar-active-background); +} + +.ui-icon-button:focus-visible { + outline-color: var(--ui-focus-border); + outline-style: solid; +} + +.ui-icon-button[aria-pressed="true"] { + color: var(--ui-input-option-active-foreground); + background: var(--ui-input-option-active-background); + outline-color: var(--ui-input-option-active-border); + outline-style: solid; +} + +.ui-icon-button:disabled { + opacity: var(--ui-disabled-opacity); + cursor: default; +} diff --git a/packages/ui/src/components/IconButton/IconButton.stories.tsx b/packages/ui/src/components/IconButton/IconButton.stories.tsx new file mode 100644 index 0000000000..3780c3a2d8 --- /dev/null +++ b/packages/ui/src/components/IconButton/IconButton.stories.tsx @@ -0,0 +1,40 @@ +import { expect, userEvent, within } from "storybook/test"; + +import { FourThemeModes } from "#storybook"; + +import { IconButton } from "./IconButton"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +const IconButtonStates = (): React.JSX.Element => ( +
+ Toolbar button states +
+ + + +
+
+); + +const meta: Meta = { + title: "UI/IconButton", + component: IconButtonStates, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const States: Story = { + play: async ({ canvasElement }) => { + const canvas = within(canvasElement); + const refreshButton = canvas.getByRole("button", { name: "Refresh" }); + + await userEvent.hover(refreshButton); + refreshButton.focus(); + await expect(refreshButton).toHaveFocus(); + await expect(canvas.getByRole("button", { name: "Delete" })).toBeDisabled(); + refreshButton.blur(); + await userEvent.unhover(refreshButton); + }, +}; diff --git a/packages/ui/src/components/IconButton/IconButton.tsx b/packages/ui/src/components/IconButton/IconButton.tsx new file mode 100644 index 0000000000..f843e800bc --- /dev/null +++ b/packages/ui/src/components/IconButton/IconButton.tsx @@ -0,0 +1,39 @@ +import { type ButtonHTMLAttributes } from "react"; + +import { cx } from "#cx"; + +import "../control.css"; +import { Icon } from "../Icon/Icon"; + +import "./IconButton.css"; + +import type { CodiconName } from "#codicons"; + +export interface IconButtonProps extends Omit< + ButtonHTMLAttributes, + "aria-label" | "children" +> { + icon: CodiconName; + label: string; +} + +export function IconButton({ + icon, + label, + className, + title = label, + type = "button", + ...props +}: IconButtonProps): React.JSX.Element { + return ( + + ); +} diff --git a/packages/ui/src/components/ProgressBar/ProgressBar.css b/packages/ui/src/components/ProgressBar/ProgressBar.css new file mode 100644 index 0000000000..8e9b271a08 --- /dev/null +++ b/packages/ui/src/components/ProgressBar/ProgressBar.css @@ -0,0 +1,46 @@ +.ui-progress-bar { + overflow: hidden; + position: relative; + width: 100%; + height: 2px; + background: transparent; +} + +.ui-progress-bar__indicator { + display: block; + height: 100%; + background: var(--ui-progress-foreground); + transition: width 100ms linear; +} + +.ui-progress-bar--indeterminate .ui-progress-bar__indicator { + position: absolute; + inset-block: 0; + inset-inline-start: -30%; + width: 30%; + animation: ui-progress-travel 1.6s linear infinite; +} + +@keyframes ui-progress-travel { + to { + inset-inline-start: 100%; + } +} + +@media (prefers-reduced-motion: reduce) { + .ui-progress-bar__indicator { + transition: none; + } + + .ui-progress-bar--indeterminate .ui-progress-bar__indicator { + inset-inline-start: 0; + width: 100%; + animation: none; + } +} + +@media (forced-colors: active) { + .ui-progress-bar__indicator { + background: Highlight; + } +} diff --git a/packages/ui/src/components/ProgressBar/ProgressBar.stories.tsx b/packages/ui/src/components/ProgressBar/ProgressBar.stories.tsx new file mode 100644 index 0000000000..a1c5b8dd26 --- /dev/null +++ b/packages/ui/src/components/ProgressBar/ProgressBar.stories.tsx @@ -0,0 +1,34 @@ +import { expect, within } from "storybook/test"; + +import { FourThemeModes } from "#storybook"; + +import { ProgressBar } from "./ProgressBar"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +const ProgressStates = (): React.JSX.Element => ( +
+ + + + +
+); + +const meta: Meta = { + title: "UI/ProgressBar", + component: ProgressStates, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const States: Story = { + play: async ({ canvasElement }) => { + const progress = within(canvasElement).getByRole("progressbar", { + name: "Custom range", + }); + await expect(progress).toHaveAttribute("aria-valuemax", "5"); + await expect(progress).toHaveAttribute("aria-valuenow", "3"); + }, +}; diff --git a/packages/ui/src/components/ProgressBar/ProgressBar.tsx b/packages/ui/src/components/ProgressBar/ProgressBar.tsx new file mode 100644 index 0000000000..5f0d7d67cf --- /dev/null +++ b/packages/ui/src/components/ProgressBar/ProgressBar.tsx @@ -0,0 +1,56 @@ +import { type HTMLAttributes } from "react"; + +import { cx } from "#cx"; + +import "./ProgressBar.css"; + +export interface ProgressBarProps extends Omit< + HTMLAttributes, + | "aria-label" + | "aria-valuemax" + | "aria-valuemin" + | "aria-valuenow" + | "children" + | "role" +> { + label?: string; + max?: number; + value?: number; +} + +export function ProgressBar({ + label = "Progress", + max = 100, + value, + className, + ...props +}: ProgressBarProps): React.JSX.Element { + const safeMax = max > 0 ? max : 100; + const safeValue = + value === undefined ? undefined : Math.min(Math.max(value, 0), safeMax); + const percentage = + safeValue === undefined ? undefined : (safeValue / safeMax) * 100; + + return ( +
+ +
+ ); +} diff --git a/packages/ui/src/components/SearchInput/SearchInput.css b/packages/ui/src/components/SearchInput/SearchInput.css new file mode 100644 index 0000000000..44f9ef5ca1 --- /dev/null +++ b/packages/ui/src/components/SearchInput/SearchInput.css @@ -0,0 +1,52 @@ +.ui-search-input { + justify-content: flex-start; + width: 100%; + height: 26px; + padding-inline-start: 2px; + color: var(--ui-input-foreground); + background: var(--ui-input-background); + border: 1px solid var(--ui-input-border); + border-radius: 4px; +} + +.ui-search-input:focus-within { + border-color: var(--ui-focus-border); +} + +.ui-search-input > .ui-icon { + flex: none; + font-size: 16px; +} + +.ui-search-input__control { + min-width: 0; + flex: 1; + padding: 0 4px; + color: inherit; + background: transparent; + border: 0; + outline: 0; + font: inherit; +} + +.ui-search-input__control::placeholder { + color: var(--ui-input-placeholder-foreground); + opacity: 1; +} + +.ui-search-input__control::-webkit-search-cancel-button { + display: none; +} + +.ui-search-input__clear { + flex: none; + margin-inline-end: 1px; +} + +.ui-search-input--disabled { + opacity: var(--ui-disabled-opacity); +} + +.ui-search-input__control:disabled { + cursor: not-allowed; +} diff --git a/packages/ui/src/components/SearchInput/SearchInput.stories.tsx b/packages/ui/src/components/SearchInput/SearchInput.stories.tsx new file mode 100644 index 0000000000..e669552938 --- /dev/null +++ b/packages/ui/src/components/SearchInput/SearchInput.stories.tsx @@ -0,0 +1,51 @@ +import { useState } from "react"; +import { expect, userEvent, within } from "storybook/test"; + +import { FourThemeModes } from "#storybook"; + +import { SearchInput } from "./SearchInput"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +const SearchStates = (): React.JSX.Element => { + const [value, setValue] = useState("development"); + return ( +
+ + undefined} + label="Search disabled" + placeholder="Search disabled" + disabled + /> +
+ ); +}; + +const meta: Meta = { + title: "UI/SearchInput", + component: SearchStates, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const States: Story = { + play: async ({ canvasElement }) => { + const canvas = within(canvasElement); + const searchbox = canvas.getByRole("searchbox", { + name: "Search workspaces", + }); + + await userEvent.click(canvas.getByRole("button", { name: "Clear search" })); + await expect(searchbox).toHaveValue(""); + await expect(searchbox).toHaveFocus(); + searchbox.blur(); + }, +}; diff --git a/packages/ui/src/components/SearchInput/SearchInput.tsx b/packages/ui/src/components/SearchInput/SearchInput.tsx new file mode 100644 index 0000000000..c9dd7c2470 --- /dev/null +++ b/packages/ui/src/components/SearchInput/SearchInput.tsx @@ -0,0 +1,71 @@ +import { type ChangeEvent, type InputHTMLAttributes, useRef } from "react"; + +import { cx } from "#cx"; + +import "../control.css"; +import { Icon } from "../Icon/Icon"; +import { IconButton } from "../IconButton/IconButton"; + +import "./SearchInput.css"; + +export interface SearchInputProps extends Omit< + InputHTMLAttributes, + "aria-label" | "onChange" | "type" | "value" +> { + clearLabel?: string; + label?: string; + onChange: (value: string) => void; + value: string; +} + +export function SearchInput({ + clearLabel = "Clear search", + label = "Search", + value, + onChange, + className, + style, + disabled, + ...props +}: SearchInputProps): React.JSX.Element { + const inputRef = useRef(null); + const handleChange = (event: ChangeEvent): void => { + onChange(event.currentTarget.value); + }; + const handleClear = (): void => { + onChange(""); + inputRef.current?.focus(); + }; + + return ( +
+ + + {value.length > 0 && !disabled ? ( + + ) : null} +
+ ); +} diff --git a/packages/ui/src/components/Spinner/Spinner.css b/packages/ui/src/components/Spinner/Spinner.css new file mode 100644 index 0000000000..74e621c589 --- /dev/null +++ b/packages/ui/src/components/Spinner/Spinner.css @@ -0,0 +1,41 @@ +.ui-spinner { + display: inline-block; + box-sizing: border-box; + width: 28px; + height: 28px; + border: 2px solid transparent; + border-block-start-color: var(--ui-progress-foreground); + border-inline-end-color: var(--ui-progress-foreground); + border-radius: 50%; + animation: ui-spinner-rotate 1s linear infinite; +} + +.ui-spinner--small { + width: 16px; + height: 16px; +} + +.ui-spinner--large { + width: 40px; + height: 40px; + border-width: 3px; +} + +@keyframes ui-spinner-rotate { + to { + transform: rotate(1turn); + } +} + +@media (prefers-reduced-motion: reduce) { + .ui-spinner { + animation: none; + } +} + +@media (forced-colors: active) { + .ui-spinner { + border-block-start-color: Highlight; + border-inline-end-color: Highlight; + } +} diff --git a/packages/ui/src/components/Spinner/Spinner.stories.tsx b/packages/ui/src/components/Spinner/Spinner.stories.tsx new file mode 100644 index 0000000000..b2b21dc373 --- /dev/null +++ b/packages/ui/src/components/Spinner/Spinner.stories.tsx @@ -0,0 +1,29 @@ +import { expect, within } from "storybook/test"; + +import { FourThemeModes } from "#storybook"; + +import { Spinner } from "./Spinner"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +const SpinnerSizes = (): React.JSX.Element => ( +
+ + + +
+); + +const meta: Meta = { + title: "UI/Spinner", + component: SpinnerSizes, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const Sizes: Story = { + play: async ({ canvasElement }) => { + await expect(within(canvasElement).getAllByRole("status")).toHaveLength(3); + }, +}; diff --git a/packages/ui/src/components/Spinner/Spinner.tsx b/packages/ui/src/components/Spinner/Spinner.tsx new file mode 100644 index 0000000000..6b4177abff --- /dev/null +++ b/packages/ui/src/components/Spinner/Spinner.tsx @@ -0,0 +1,29 @@ +import { type HTMLAttributes } from "react"; + +import { cx } from "#cx"; + +import "./Spinner.css"; + +export interface SpinnerProps extends Omit< + HTMLAttributes, + "aria-label" | "children" | "role" +> { + label?: string; + size?: "small" | "medium" | "large"; +} + +export function Spinner({ + label = "Loading", + size = "medium", + className, + ...props +}: SpinnerProps): React.JSX.Element { + return ( + + ); +} diff --git a/packages/ui/src/components/StatePanel/StatePanel.css b/packages/ui/src/components/StatePanel/StatePanel.css new file mode 100644 index 0000000000..80534e0f9d --- /dev/null +++ b/packages/ui/src/components/StatePanel/StatePanel.css @@ -0,0 +1,60 @@ +.ui-state-panel { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + box-sizing: border-box; + width: 100%; + min-height: 10rem; + padding: 1.5rem; + color: var(--ui-foreground); + text-align: center; +} + +.ui-state-panel__icon { + margin-bottom: 0.75rem; + color: var(--ui-state-icon-foreground); + font-size: 2rem; +} + +.ui-state-panel--error .ui-state-panel__icon { + color: var(--ui-error-foreground); +} + +.ui-state-panel__title { + margin: 0; + font-size: 1rem; + font-weight: 600; + line-height: 1.4; +} + +.ui-state-panel__description { + max-width: 28rem; + margin-top: 0.375rem; + color: var(--ui-description-foreground); + line-height: 1.4; +} + +.ui-state-panel__action { + margin-top: 1rem; +} + +.ui-state-panel__action button { + height: 26px; + padding: 0 8px; + color: var(--ui-button-foreground); + background: var(--ui-button-background); + border: 1px solid var(--ui-button-border); + border-radius: 4px; + cursor: pointer; +} + +.ui-state-panel__action button:hover { + background: var(--ui-button-hover-background); +} + +.ui-state-panel__action button:focus-visible { + border-color: var(--ui-focus-border); + outline: 1px solid var(--ui-focus-border); + outline-offset: 2px; +} diff --git a/packages/ui/src/components/StatusPill/StatusPill.css b/packages/ui/src/components/StatusPill/StatusPill.css new file mode 100644 index 0000000000..b183f0505d --- /dev/null +++ b/packages/ui/src/components/StatusPill/StatusPill.css @@ -0,0 +1,54 @@ +.ui-status-pill { + --ui-status-accent: var(--ui-status-neutral-accent); + + gap: 4px; + height: 18px; + padding: 0 6px; + color: var(--ui-badge-foreground); + background: var(--ui-badge-background); + border: 1px solid var(--ui-contrast-border); + border-radius: 11px; + font-size: 11px; + font-weight: 400; +} + +.ui-status-pill .ui-icon { + color: var(--ui-status-accent); + font-size: 12px; +} + +.ui-status-pill--info { + --ui-status-accent: var(--ui-status-info-accent); +} + +.ui-status-pill--success { + --ui-status-accent: var(--ui-status-success-accent); +} + +.ui-status-pill--warning { + --ui-status-accent: var(--ui-status-warning-accent); +} + +.ui-status-pill--danger { + --ui-status-accent: var(--ui-status-danger-accent); +} + +/* Tone accents are tuned against panel backgrounds; on the badge fill in + high contrast themes they can vanish, so inherit the badge foreground. + VS Code sets data-vscode-theme-kind on the webview body. */ +body[data-vscode-theme-kind="vscode-high-contrast"] .ui-status-pill .ui-icon, +body[data-vscode-theme-kind="vscode-high-contrast-light"] + .ui-status-pill + .ui-icon { + color: var(--ui-badge-foreground); +} + +@media (forced-colors: active) { + .ui-status-pill { + border-color: CanvasText; + } + + .ui-status-pill .ui-icon { + color: CanvasText; + } +} diff --git a/packages/ui/src/components/StatusPill/StatusPill.stories.tsx b/packages/ui/src/components/StatusPill/StatusPill.stories.tsx new file mode 100644 index 0000000000..01e5781397 --- /dev/null +++ b/packages/ui/src/components/StatusPill/StatusPill.stories.tsx @@ -0,0 +1,34 @@ +import { FourThemeModes } from "#storybook"; + +import { StatusPill } from "./StatusPill"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +const StatusPillTones = (): React.JSX.Element => ( +
+ Pending + + Starting + + + Running + + + Dormant + + + Failed + + Awaiting infrastructure +
+); + +const meta: Meta = { + title: "UI/StatusPill", + component: StatusPillTones, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const Tones: Story = {}; diff --git a/packages/ui/src/components/StatusPill/StatusPill.tsx b/packages/ui/src/components/StatusPill/StatusPill.tsx new file mode 100644 index 0000000000..c1261c1a4c --- /dev/null +++ b/packages/ui/src/components/StatusPill/StatusPill.tsx @@ -0,0 +1,44 @@ +import { type HTMLAttributes, type ReactNode } from "react"; + +import { cx } from "#cx"; + +import "../control.css"; +import { Icon } from "../Icon/Icon"; + +import "./StatusPill.css"; + +import type { CodiconName } from "#codicons"; + +export type StatusPillTone = + "neutral" | "info" | "success" | "warning" | "danger"; + +export interface StatusPillProps extends HTMLAttributes { + icon?: CodiconName; + iconLabel?: string; + tone?: StatusPillTone; + children: ReactNode; +} + +export function StatusPill({ + icon, + iconLabel, + tone = "neutral", + className, + children, + ...props +}: StatusPillProps): React.JSX.Element { + return ( + + {icon ? : null} + {children} + + ); +} diff --git a/packages/ui/src/components/control.css b/packages/ui/src/components/control.css new file mode 100644 index 0000000000..ca092c32bb --- /dev/null +++ b/packages/ui/src/components/control.css @@ -0,0 +1,14 @@ +/* Shared control geometry. Controls center content with fixed heights and + flex alignment, never with line-height or vertical padding math, so text + stays optically centered regardless of font metrics. */ +.ui-control, +.ui-state-panel__action button { + display: inline-flex; + align-items: center; + justify-content: center; + box-sizing: border-box; + font: inherit; + line-height: 1; + white-space: nowrap; + user-select: none; +} diff --git a/packages/ui/src/cx.ts b/packages/ui/src/cx.ts new file mode 100644 index 0000000000..e8e639d30f --- /dev/null +++ b/packages/ui/src/cx.ts @@ -0,0 +1,4 @@ +/** Joins the truthy class names, dropping conditional falsy entries. */ +export function cx(...classes: Array): string { + return classes.filter(Boolean).join(" "); +} diff --git a/packages/ui/src/foundations.stories.tsx b/packages/ui/src/foundations.stories.tsx index cbd5132fb1..5b0846d7aa 100644 --- a/packages/ui/src/foundations.stories.tsx +++ b/packages/ui/src/foundations.stories.tsx @@ -1,5 +1,6 @@ import { useEffect, useState } from "react"; +import { FourThemeModes } from "./storybook"; import { useVscodeTheme } from "./useVscodeTheme"; import type { Meta, StoryObj } from "@storybook/react-vite"; @@ -132,12 +133,7 @@ const meta: Meta = { // Snapshot every theme; tokens are the single theming surface, so this // is where theme regressions show up. chromatic: { - modes: { - light: { theme: "light" }, - dark: { theme: "dark" }, - "high-contrast": { theme: "high-contrast" }, - "high-contrast-light": { theme: "high-contrast-light" }, - }, + modes: FourThemeModes, }, }, }; diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts index fb38844dba..bb84f45455 100644 --- a/packages/ui/src/index.ts +++ b/packages/ui/src/index.ts @@ -1 +1,29 @@ +export { + EmptyState, + type EmptyStateProps, +} from "./components/EmptyState/EmptyState"; +export { + ErrorState, + type ErrorStateProps, +} from "./components/ErrorState/ErrorState"; +export { Icon, type IconProps } from "./components/Icon/Icon"; +export { + IconButton, + type IconButtonProps, +} from "./components/IconButton/IconButton"; +export { + ProgressBar, + type ProgressBarProps, +} from "./components/ProgressBar/ProgressBar"; +export { + SearchInput, + type SearchInputProps, +} from "./components/SearchInput/SearchInput"; +export { Spinner, type SpinnerProps } from "./components/Spinner/Spinner"; +export { + StatusPill, + type StatusPillProps, + type StatusPillTone, +} from "./components/StatusPill/StatusPill"; +export type { CodiconName } from "./codicons"; export { useVscodeTheme, type VscodeThemeKind } from "./useVscodeTheme"; diff --git a/packages/ui/src/storybook.ts b/packages/ui/src/storybook.ts new file mode 100644 index 0000000000..8717ba35f8 --- /dev/null +++ b/packages/ui/src/storybook.ts @@ -0,0 +1,6 @@ +export const FourThemeModes = { + light: { theme: "light" }, + dark: { theme: "dark" }, + "high-contrast": { theme: "high-contrast" }, + "high-contrast-light": { theme: "high-contrast-light" }, +} as const; diff --git a/packages/ui/src/tokens.css b/packages/ui/src/tokens.css index e0cae1cbb8..277c3e35e8 100644 --- a/packages/ui/src/tokens.css +++ b/packages/ui/src/tokens.css @@ -16,36 +16,84 @@ var(--vscode-editor-background) ); --ui-description-foreground: var(--vscode-descriptionForeground); - --ui-icon-foreground: var(--vscode-icon-foreground); --ui-border: var(--vscode-sideBar-border, transparent); - - /* Interaction. Hover/selection fills may be absent in high contrast - themes, which convey state through contrast borders instead. */ - --ui-focus-border: var(--vscode-focusBorder); - --ui-hover-background: var(--vscode-list-hoverBackground, transparent); - --ui-hover-foreground: var( - --vscode-list-hoverForeground, - var(--ui-foreground) + --ui-link-foreground: var(--vscode-textLink-foreground); + --ui-focus-border: var( + --vscode-focusBorder, + var(--vscode-contrastActiveBorder, var(--ui-foreground)) ); - --ui-active-selection-background: var( - --vscode-list-activeSelectionBackground, + --ui-disabled-opacity: 0.4; + + /* Controls */ + --ui-toolbar-foreground: var(--vscode-foreground); + --ui-toolbar-hover-background: var( + --vscode-toolbar-hoverBackground, transparent ); - --ui-active-selection-foreground: var( - --vscode-list-activeSelectionForeground, + --ui-toolbar-hover-outline: var(--vscode-toolbar-hoverOutline, transparent); + --ui-toolbar-active-background: var( + --vscode-toolbar-activeBackground, + var(--ui-toolbar-hover-background) + ); + --ui-input-option-active-background: var( + --vscode-inputOption-activeBackground, + var(--ui-toolbar-active-background) + ); + --ui-input-option-active-foreground: var( + --vscode-inputOption-activeForeground, var(--ui-foreground) ); - --ui-inactive-selection-background: var( - --vscode-list-inactiveSelectionBackground, - transparent + --ui-input-option-active-border: var( + --vscode-inputOption-activeBorder, + var(--ui-focus-border) + ); + --ui-input-background: var(--vscode-input-background); + --ui-input-foreground: var(--vscode-input-foreground); + --ui-input-border: var( + --vscode-input-border, + var(--vscode-contrastBorder, transparent) + ); + --ui-input-placeholder-foreground: var(--vscode-input-placeholderForeground); + --ui-button-background: var(--vscode-button-background, var(--ui-background)); + --ui-button-foreground: var(--vscode-button-foreground, var(--ui-foreground)); + --ui-button-border: var( + --vscode-button-border, + var(--vscode-contrastBorder, transparent) + ); + --ui-button-hover-background: var( + --vscode-button-hoverBackground, + var(--ui-button-background) ); - --ui-link-foreground: var(--vscode-textLink-foreground); - /* Feedback */ + /* Activity and feedback */ + --ui-progress-foreground: var(--vscode-progressBar-background); + --ui-state-icon-foreground: var(--ui-description-foreground); --ui-error-foreground: var(--vscode-errorForeground); - --ui-warning-foreground: var(--vscode-editorWarning-foreground); + + /* Status and badges */ + --ui-badge-background: var(--vscode-badge-background, transparent); + --ui-badge-foreground: var(--vscode-badge-foreground, var(--ui-foreground)); + --ui-status-neutral-accent: var( + --vscode-descriptionForeground, + var(--ui-foreground) + ); + --ui-status-info-accent: var( + --vscode-notificationsInfoIcon-foreground, + var(--ui-foreground) + ); + --ui-status-success-accent: var( + --vscode-testing-iconPassed, + var(--ui-foreground) + ); + --ui-status-warning-accent: var( + --vscode-editorWarning-foreground, + var(--ui-foreground) + ); + --ui-status-danger-accent: var( + --vscode-errorForeground, + var(--ui-foreground) + ); /* Only defined by high contrast themes; transparent elsewhere */ --ui-contrast-border: var(--vscode-contrastBorder, transparent); - --ui-contrast-active-border: var(--vscode-contrastActiveBorder, transparent); } diff --git a/packages/ui/src/vscode-parity.stories.tsx b/packages/ui/src/vscode-parity.stories.tsx new file mode 100644 index 0000000000..b207daf9bd --- /dev/null +++ b/packages/ui/src/vscode-parity.stories.tsx @@ -0,0 +1,150 @@ +import { + VscodeBadge, + VscodeButton, + VscodeIcon, + VscodeProgressBar, + VscodeProgressRing, + VscodeTextfield, + VscodeToolbarButton, +} from "@vscode-elements/react-elements"; + +import "./components/control.css"; +import { IconButton } from "./components/IconButton/IconButton"; +import { ProgressBar } from "./components/ProgressBar/ProgressBar"; +import { SearchInput } from "./components/SearchInput/SearchInput"; +import { Spinner } from "./components/Spinner/Spinner"; +import "./components/StatePanel/StatePanel.css"; +import { StatusPill } from "./components/StatusPill/StatusPill"; +import { FourThemeModes } from "./storybook"; + +import type { Meta, StoryObj } from "@storybook/react-vite"; + +/** + * Renders every `@repo/ui` control next to its `@vscode-elements` + * counterpart under identical theme variables. Chromatic snapshots this + * in all four themes, so any drift from VS Code's appearance shows up as + * a visual diff. + */ +const Row = ({ + label, + ours, + reference, +}: { + label: string; + ours: React.ReactNode; + reference: React.ReactNode; +}): React.JSX.Element => ( + <> +
{label}
+
+ {ours} +
+
+ {reference} +
+ +); + +const Parity = (): React.JSX.Element => ( +
+ + + + + } + reference={ + <> + + + + } + /> + undefined} + style={{ width: "180px" }} + /> + } + reference={ + + + + } + /> + + +
+ } + reference={Try again} + /> + + } + reference={} + /> + } + reference={} + /> + + + Running + + + Failed + + + } + reference={ + <> + Running + Failed + + } + /> + +); + +const meta: Meta = { + title: "UI/VSCodeParity", + component: Parity, + parameters: { chromatic: { modes: FourThemeModes } }, +}; +export default meta; +type Story = StoryObj; + +export const SideBySide: Story = {}; diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json index 3817044aa5..de3f039b95 100644 --- a/packages/ui/tsconfig.json +++ b/packages/ui/tsconfig.json @@ -1,4 +1,7 @@ { "extends": "../tsconfig.packages.json", + "compilerOptions": { + "resolveJsonModule": true + }, "include": ["src", "storybook.preview.ts"] } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9666dc1ec2..681b8d3446 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -37,9 +37,6 @@ catalogs: '@vscode-elements/react-elements': specifier: ^2.4.0 version: 2.4.0 - '@vscode-elements/webview-playground': - specifier: ^1.9.0 - version: 1.9.0 '@vscode/codicons': specifier: ^0.0.45 version: 0.0.45 @@ -211,9 +208,6 @@ importers: '@vitest/coverage-v8': specifier: ^4.1.10 version: 4.1.10(vitest@4.1.10) - '@vscode-elements/webview-playground': - specifier: 'catalog:' - version: 1.9.0 '@vscode/codicons': specifier: 'catalog:' version: 0.0.45 @@ -445,6 +439,9 @@ importers: '@types/react': specifier: 'catalog:' version: 19.2.17 + '@vscode-elements/react-elements': + specifier: 'catalog:' + version: 2.4.0(@types/react@19.2.17)(@vscode/codicons@0.0.45)(react-dom@19.2.7)(react@19.2.7) react: specifier: 'catalog:' version: 19.2.7 @@ -2214,9 +2211,6 @@ packages: react: 17 || 18 || 19 react-dom: 17 || 18 || 19 - '@vscode-elements/webview-playground@1.9.0': - resolution: {integrity: sha512-0VMzdeLisbmACMXSyNhtkgca/wLmBMrVq4T0T8MGzPhLg9uDcgEaCscTdVaNg2tPwfCtmSN2BU8KGTEH1iqdhA==} - '@vscode/codicons@0.0.45': resolution: {integrity: sha512-1KAZ7XCMagp5Gdrlr4bbbcAqgcIL623iO1wW6rfcSVGAVUQvR0WP7bQx1SbJ11gmV3fdQTSEFIJQ/5C+HuVasw==} @@ -6824,8 +6818,6 @@ snapshots: - '@types/react' - '@vscode/codicons' - '@vscode-elements/webview-playground@1.9.0': {} - '@vscode/codicons@0.0.45': {} '@vscode/test-cli@0.0.15': diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml index fd1f735b9d..d0398627a2 100644 --- a/pnpm-workspace.yaml +++ b/pnpm-workspace.yaml @@ -12,7 +12,6 @@ catalog: "@types/vscode-webview": ^1.57.5 "@vitejs/plugin-react": ^6.0.3 "@vscode-elements/react-elements": ^2.4.0 - "@vscode-elements/webview-playground": ^1.9.0 "@vscode/codicons": ^0.0.45 babel-plugin-react-compiler: ^1.0.0 coder: github:coder/coder#v2.34.1 diff --git a/scripts/sync-vscode-themes.mjs b/scripts/sync-vscode-themes.mjs deleted file mode 100755 index 138712db96..0000000000 --- a/scripts/sync-vscode-themes.mjs +++ /dev/null @@ -1,71 +0,0 @@ -#!/usr/bin/env node - -// Fetches dark-v2 and light-v2 theme files from vscode-elements/webview-playground -// and rewrites .storybook/themes/{dark,light}-v2.ts in place. -// -// Usage: -// node scripts/sync-vscode-themes.mjs # fetch latest main -// node scripts/sync-vscode-themes.mjs # fetch a specific commit - -import { writeFileSync } from "node:fs"; -import { resolve, dirname } from "node:path"; -import { fileURLToPath } from "node:url"; - -const ROOT = resolve(dirname(fileURLToPath(import.meta.url)), ".."); -const REPO = "vscode-elements/webview-playground"; - -const themes = [ - { - remotePath: "dist/themes/dark-v2.js", - localPath: ".storybook/themes/dark-v2.ts", - exportName: "darkTheme", - }, - { - remotePath: "dist/themes/light-v2.js", - localPath: ".storybook/themes/light-v2.ts", - exportName: "lightTheme", - }, -]; - -async function fetchText(url, headers) { - const res = await fetch(url, { headers }); - if (!res.ok) { - throw new Error(`Failed to fetch ${url}: ${res.status} ${res.statusText}`); - } - return res.text(); -} - -const sha = - process.argv[2] ?? - ( - await fetchText(`https://api.github.com/repos/${REPO}/commits/main`, { - Accept: "application/vnd.github.sha", - }) - ).trim(); - -console.log(`Syncing themes from ${REPO}@${sha}`); - -await Promise.all( - themes.map(async ({ remotePath, localPath, exportName }) => { - const js = await fetchText( - `https://raw.githubusercontent.com/${REPO}/${sha}/${remotePath}`, - ); - const match = js.match(/export\s+const\s+theme\s*=\s*(\[[\s\S]*\])/); - if (!match) { - throw new Error(`Could not find theme array in ${remotePath}`); - } - // Upstream escapes dots in CSS property names (e.g. `disabled\.background`). - // These are unnecessary in JS strings and break setProperty lookups. - const arrayLiteral = match[1].replaceAll("\\.", "."); - - const ts = `// Sourced from \`vscode-elements/webview-playground\`. -// https://github.com/${REPO}/blob/${sha}/${remotePath} - -export const ${exportName}: Array<[string, string]> = ${arrayLiteral}; -`; - writeFileSync(resolve(ROOT, localPath), ts); - console.log(` ${localPath}`); - }), -); - -console.log("Done. Run `pnpm format` to normalize the output."); diff --git a/test/webview/ui/components.test.tsx b/test/webview/ui/components.test.tsx new file mode 100644 index 0000000000..52f46c2af8 --- /dev/null +++ b/test/webview/ui/components.test.tsx @@ -0,0 +1,167 @@ +import { fireEvent, render, screen } from "@testing-library/react"; +import { useState } from "react"; +import { describe, expect, it, vi } from "vitest"; + +import { + EmptyState, + ErrorState, + Icon, + IconButton, + ProgressBar, + SearchInput, + Spinner, + StatusPill, +} from "@repo/ui"; + +describe("Icon", () => { + it("renders a decorative codicon by default", () => { + const { container } = render(); + const icon = container.querySelector(".codicon-search"); + expect(icon).toHaveAttribute("aria-hidden", "true"); + }); + + it("can be labelled when it conveys meaning", () => { + render(); + expect(screen.getByRole("img", { name: "Warning" })).toBeInTheDocument(); + }); + + it("can be labelled by another element", () => { + render( + <> + Warning + + , + ); + expect(screen.getByRole("img", { name: "Warning" })).toBeInTheDocument(); + }); +}); + +describe("IconButton", () => { + it("has an accessible label and forwards clicks", () => { + const onClick = vi.fn(); + render(); + fireEvent.click(screen.getByRole("button", { name: "Refresh" })); + expect(onClick).toHaveBeenCalledOnce(); + }); +}); + +describe("Spinner", () => { + it("announces its label", () => { + render(); + expect( + screen.getByRole("status", { name: "Connecting" }), + ).toBeInTheDocument(); + }); +}); + +describe("ProgressBar", () => { + it("exposes a clamped determinate value", () => { + render(); + expect(screen.getByRole("progressbar", { name: "Build" })).toHaveAttribute( + "aria-valuenow", + "100", + ); + }); + + it("omits aria-valuenow when indeterminate", () => { + render(); + expect( + screen.getByRole("progressbar", { name: "Loading" }), + ).not.toHaveAttribute("aria-valuenow"); + }); +}); + +describe("SearchInput", () => { + it("reports changes without owning the value", () => { + const onChange = vi.fn(); + const { rerender } = render(); + fireEvent.change(screen.getByRole("searchbox", { name: "Search" }), { + target: { value: "prod" }, + }); + expect(onChange).toHaveBeenCalledWith("prod"); + expect(screen.getByRole("searchbox", { name: "Search" })).toHaveValue(""); + + rerender(); + expect(screen.getByRole("searchbox", { name: "Search" })).toHaveValue( + "prod", + ); + }); + + it("clears through the same callback and returns focus after rerender", () => { + const onChange = vi.fn(); + const ControlledSearch = (): React.JSX.Element => { + const [value, setValue] = useState("prod"); + return ( + { + onChange(nextValue); + setValue(nextValue); + }} + /> + ); + }; + render(); + fireEvent.click(screen.getByRole("button", { name: "Clear search" })); + expect(onChange).toHaveBeenCalledWith(""); + expect(screen.getByRole("searchbox", { name: "Search" })).toHaveFocus(); + }); + + it("forwards className and style to the root element", () => { + render( + , + ); + const root = screen + .getByRole("searchbox", { name: "Search" }) + .closest(".ui-search-input"); + expect(root).toHaveClass("custom-search"); + expect(root).toHaveStyle({ width: "200px" }); + }); +}); + +describe("StatusPill", () => { + it("applies the requested generic tone", () => { + render(Failed); + expect(screen.getByText("Failed")).toHaveClass("ui-status-pill--danger"); + }); + + it("renders an optional icon", () => { + const { container } = render( + + Running + , + ); + expect(container.querySelector(".codicon-check")).toBeInTheDocument(); + }); +}); + +describe("state panels", () => { + it("renders empty state content and an optional action", () => { + render( + Reset filters} + />, + ); + expect( + screen.getByRole("heading", { name: "No results" }), + ).toBeInTheDocument(); + expect( + screen.getByRole("button", { name: "Reset filters" }), + ).toBeInTheDocument(); + }); + + it("renders an alert and invokes retry", () => { + const onRetry = vi.fn(); + render(); + expect(screen.getByRole("alert")).toBeInTheDocument(); + fireEvent.click(screen.getByRole("button", { name: "Try again" })); + expect(onRetry).toHaveBeenCalledOnce(); + }); +});