diff --git a/apps/miranum-bpmn-modeler-webview/src/main.ts b/apps/miranum-bpmn-modeler-webview/src/main.ts index 0d8f906c..84686723 100644 --- a/apps/miranum-bpmn-modeler-webview/src/main.ts +++ b/apps/miranum-bpmn-modeler-webview/src/main.ts @@ -13,7 +13,7 @@ import TokenSimulationModule from "bpmn-js-token-simulation"; import ElementTemplateChooserModule from "@bpmn-io/element-template-chooser"; import miragonProviderModule from "./app/PropertieProvider/provider"; // css -import "./styles.css"; +import "./styles/styles.css"; import "camunda-bpmn-js/dist/assets/camunda-platform-modeler.css"; import "camunda-bpmn-js/dist/assets/camunda-cloud-modeler.css"; import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css"; @@ -27,11 +27,14 @@ let contentController: ContentController; const stateController = new StateController(); let isUpdateFromExtension = false; +const theme = true; const updateXML = asyncDebounce(openXML, 100); // // Logic // +// Set the overall style (light or dark) +setThemeStyle(); // Listen to messages from the backend/extension setupListeners(); @@ -306,6 +309,7 @@ function postMessage(type: MessageType, data?: ModelerData, message?: string): v function createBpmnModeler(executionPlatformVersion: ExecutionPlatformVersion): Modeler { let bpmnModeler; const commonModules = [TokenSimulationModule, ElementTemplateChooserModule]; + const defaultColor = theme ? getTheme() : undefined; switch (executionPlatformVersion) { case ExecutionPlatformVersion.None: @@ -318,6 +322,7 @@ function createBpmnModeler(executionPlatformVersion: ExecutionPlatformVersion): propertiesPanel: { parent: "#js-properties-panel", }, + bpmnRenderer: defaultColor, additionalModules: [ ...commonModules, ExtendElementTemplates, @@ -345,6 +350,32 @@ function createBpmnModeler(executionPlatformVersion: ExecutionPlatformVersion): return bpmnModeler; } +/** + * Retrieve the CSS variables from the DOM. + */ +function getTheme(): { defaultFillColor: string; defaultStrokeColor: string } { + const html = document.documentElement; + const css = getComputedStyle(html); + return { + defaultFillColor: css.getPropertyValue("--vscode-editor-background"), + defaultStrokeColor: css.getPropertyValue("--vscode-button-background"), + }; +} + +/** + * Depending on the theme style of VS Code, the background of the modeler must be set. + */ +function setThemeStyle(): void { + switch (document.body.className) { + case "vscode-dark": { + const style = document.createElement("style"); + style.innerHTML = ":root .layer-djs-grid { filter: invert(1); }"; + document.head.appendChild(style); + break; + } + } +} + /** * A promise that will resolve if initialized() is called. */ diff --git a/apps/miranum-bpmn-modeler-webview/src/styles.css b/apps/miranum-bpmn-modeler-webview/src/styles/styles.css similarity index 91% rename from apps/miranum-bpmn-modeler-webview/src/styles.css rename to apps/miranum-bpmn-modeler-webview/src/styles/styles.css index 60d62eee..9541f494 100644 --- a/apps/miranum-bpmn-modeler-webview/src/styles.css +++ b/apps/miranum-bpmn-modeler-webview/src/styles/styles.css @@ -1,7 +1,24 @@ -* { +*, +*:before, +*:after { box-sizing: border-box; } +body, +h1, +h2, +h3, +h4, +h5, +h6, +p, +ol, +ul { + margin: 0; + padding: 0; + font-weight: normal; +} + body, html { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -10,6 +27,12 @@ html { max-height: 100%; padding: 0; margin: 0; + background: var(--vscode-editor-background); +} + +img { + max-width: 100%; + height: auto; } #js-properties-panel { @@ -90,40 +113,3 @@ a:link { padding-bottom: 70px; min-height: 100%; } - -/* reset css */ -html { - box-sizing: border-box; - font-size: 13px; - background-color: #fff; -} - -*, -*:before, -*:after { - box-sizing: inherit; -} - -body, -h1, -h2, -h3, -h4, -h5, -h6, -p, -ol, -ul { - margin: 0; - padding: 0; - font-weight: normal; -} - -body { - color: black; -} - -img { - max-width: 100%; - height: auto; -} diff --git a/apps/miranum-bpmn-modeler-webview/src/styles/theme.css b/apps/miranum-bpmn-modeler-webview/src/styles/theme.css new file mode 100644 index 00000000..2fe37a92 --- /dev/null +++ b/apps/miranum-bpmn-modeler-webview/src/styles/theme.css @@ -0,0 +1,68 @@ +:root { + /* TokenSimulation */ + --token-simulation-silver-darken-94: var(--vscode-editor-background); + --token-simulation-grey-darken-30: var(--vscode-editor-foreground); +} + +/** + * Diagram JS + */ +:root .djs-parent { + --canvas-fill-color: var(--vscode-editor-background); + /* Shapes */ + --element-dragger-color: var(--vscode-list-highlightForeground); + --element-hover-outline-fill-color: var(--color-blue-205-100-45); + --element-selected-outline-stroke-color: var(--vscode-editor-selectionBackground); + --element-selected-outline-secondary-stroke-color: var(--color-blue-205-100-70); + + --shape-attach-allowed-stroke-color: var(--color-blue-205-100-50); + --shape-connect-allowed-fill-color: var(--color-grey-225-10-97); + --shape-drop-allowed-fill-color: var(--vscode-editor-background); + --shape-drop-not-allowed-fill-color: var(--vscode-inputValidation-errorBackground); + --shape-resize-preview-stroke-color: var(--color-blue-205-100-50); + /* Palette */ + --palette-entry-color: var(--vscode-button-background); + --palette-entry-hover-color: var(--vscode-button-hoverBackground); + --palette-entry-selected-color: var(--vscode-editorSuggestWidget-highlightForeground); + --palette-separator-color: var(--vscode-button-separator); + --palette-toggle-hover-background-color: var(--vscode-editor-hoverHighlightBackground); + --palette-background-color: var(--vscode-editor-background); + --palette-border-color: var(--vscode-button-border); + /* Context Pad */ + --context-pad-entry-background-color: var(--vscode-editor-background); + --context-pad-entry-hover-background-color: var(--vscode-editorStickyScrollHover-background); + /* Search Bar */ + --search-container-background-color: var(--vscode-editor-background); + --search-container-border-color: var(--vscode-button-background); + --search-container-box-shadow-color: var(--vscode-button-hoverBackground); + --search-container-box-shadow-inset-color: var(--vscode-button-hoverBackground); + --search-input-border-color: var(--color-grey-225-10-75); + --search-result-border-color: var(--color-grey-225-10-75); + --search-result-highlight-color: var(--vscode-statusBarItem-focusBorder); + --search-result-selected-color: var(--vscode-statusBarItem-hoverBackground); +} + +/** + * Editing BPMN shapes + */ +:root .djs-direct-editing-parent { + color: var(--vscode-editor-foreground); + background: var(--vscode-editor-background) !important; + border-color: var(--vscode-button-background) !important; +} + +/** + * Icons in context pad + */ +:root .djs-context-pad { + color: var(--palette-entry-color); +} + +/** + * Search Box + */ +:root .djs-search-container input, +:root .djs-search-container .djs-search-result { + color: var(--vscode-editor-foreground); + background: var(--vscode-editor-background); +} diff --git a/apps/miranum-bpmn-modeler-webview/vite.config.ts b/apps/miranum-bpmn-modeler-webview/vite.config.ts index 32787090..73f19759 100644 --- a/apps/miranum-bpmn-modeler-webview/vite.config.ts +++ b/apps/miranum-bpmn-modeler-webview/vite.config.ts @@ -44,6 +44,10 @@ export default defineConfig({ src: "../../node_modules/camunda-bpmn-js/dist/assets/bpmn-font/font/**", dest: "font/", }, + { + src: "./src/styles/theme.css", + dest: "css/", + }, ], }), ], diff --git a/apps/miranum-modeler/src/app/BpmnModeler.ts b/apps/miranum-modeler/src/app/BpmnModeler.ts index d5fd002f..296643a8 100644 --- a/apps/miranum-modeler/src/app/BpmnModeler.ts +++ b/apps/miranum-modeler/src/app/BpmnModeler.ts @@ -367,6 +367,9 @@ export class BpmnModeler implements vscode.CustomTextEditorProvider { const styleUri = webview.asWebviewUri( vscode.Uri.joinPath(pathToWebview, "index.css"), ); + const themeUri = webview.asWebviewUri( + vscode.Uri.joinPath(pathToWebview, "css", "theme.css"), + ); const fontBpmn = webview.asWebviewUri( vscode.Uri.joinPath(pathToWebview, "css", "bpmn.css"), ); @@ -381,13 +384,14 @@ export class BpmnModeler implements vscode.CustomTextEditorProvider { + Custom Texteditor Template diff --git a/resources/vscode-theme-colors.css b/resources/vscode-theme-colors.css new file mode 100644 index 00000000..b52fc0c6 --- /dev/null +++ b/resources/vscode-theme-colors.css @@ -0,0 +1,613 @@ +:root { + --vscode-font-family: -apple-system, BlinkMacSystemFont, sans-serif; + --vscode-font-weight: normal; + --vscode-font-size: 13px; + --vscode-editor-font-family: Hack, Menlo, Monaco, "Courier New", monospace; + --vscode-editor-font-weight: normal; + --vscode-editor-font-size: 18px; + --vscode-foreground: #cccccc; + --vscode-disabledForeground: rgba(204, 204, 204, 0.5); + --vscode-errorForeground: #f85149; + --vscode-descriptionForeground: #8b949e; + --vscode-icon-foreground: #cccccc; + --vscode-focusBorder: #0078d4; + --vscode-textSeparator-foreground: #21262d; + --vscode-textLink-foreground: #40a6ff; + --vscode-textLink-activeForeground: #40a6ff; + --vscode-textPreformat-foreground: #d7ba7d; + --vscode-textBlockQuote-background: #010409; + --vscode-textBlockQuote-border: rgba(255, 255, 255, 0.08); + --vscode-textCodeBlock-background: rgba(110, 118, 129, 0.4); + --vscode-widget-shadow: rgba(0, 0, 0, 0.36); + --vscode-widget-border: rgba(255, 255, 255, 0.08); + --vscode-input-background: #2a2a2a; + --vscode-input-foreground: #cccccc; + --vscode-input-border: rgba(255, 255, 255, 0.12); + --vscode-inputOption-activeBorder: #2488db; + --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); + --vscode-inputOption-activeBackground: rgba(36, 137, 219, 0.51); + --vscode-inputOption-activeForeground: #ffffff; + --vscode-input-placeholderForeground: rgba(255, 255, 255, 0.47); + --vscode-inputValidation-infoBackground: #063b49; + --vscode-inputValidation-infoBorder: #007acc; + --vscode-inputValidation-warningBackground: #352a05; + --vscode-inputValidation-warningBorder: #b89500; + --vscode-inputValidation-errorBackground: #5a1d1d; + --vscode-inputValidation-errorBorder: #be1100; + --vscode-dropdown-background: #313131; + --vscode-dropdown-listBackground: #313131; + --vscode-dropdown-foreground: #cccccc; + --vscode-dropdown-border: rgba(255, 255, 255, 0.12); + --vscode-button-foreground: #ffffff; + --vscode-button-separator: rgba(255, 255, 255, 0.4); + --vscode-button-background: #0078d4; + --vscode-button-hoverBackground: rgba(0, 120, 212, 0.9); + --vscode-button-border: rgba(255, 255, 255, 0.07); + --vscode-button-secondaryForeground: #cccccc; + --vscode-button-secondaryBackground: rgba(255, 255, 255, 0.06); + --vscode-button-secondaryHoverBackground: rgba(255, 255, 255, 0.08); + --vscode-badge-background: #0078d4; + --vscode-badge-foreground: #ffffff; + --vscode-scrollbar-shadow: rgba(72, 79, 88, 0.2); + --vscode-scrollbarSlider-background: rgba(110, 118, 129, 0.2); + --vscode-scrollbarSlider-hoverBackground: rgba(110, 118, 129, 0.27); + --vscode-scrollbarSlider-activeBackground: rgba(110, 118, 129, 0.53); + --vscode-progressBar-background: #0078d4; + --vscode-editorError-foreground: #f14c4c; + --vscode-editorWarning-foreground: #cca700; + --vscode-editorInfo-foreground: #3794ff; + --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); + --vscode-sash-hoverBorder: #0078d4; + --vscode-editor-background: #1f1f1f; + --vscode-editor-foreground: #cccccc; + --vscode-editorStickyScroll-background: #1f1f1f; + --vscode-editorStickyScrollHover-background: #2a2d2e; + --vscode-editorWidget-background: #1f1f1f; + --vscode-editorWidget-foreground: #cccccc; + --vscode-editorWidget-border: #454545; + --vscode-quickInput-background: #1f1f1f; + --vscode-quickInput-foreground: #cccccc; + --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); + --vscode-pickerGroup-foreground: #8b949e; + --vscode-pickerGroup-border: rgba(255, 255, 255, 0.08); + --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); + --vscode-keybindingLabel-foreground: #cccccc; + --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); + --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); + --vscode-editor-selectionBackground: #264f78; + --vscode-editor-inactiveSelectionBackground: #3a3d41; + --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15); + --vscode-editor-findMatchBackground: #9e6a03; + --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4); + --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); + --vscode-search-resultsInfoForeground: rgba(204, 204, 204, 0.65); + --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25); + --vscode-editorHoverWidget-background: #1f1f1f; + --vscode-editorHoverWidget-foreground: #cccccc; + --vscode-editorHoverWidget-border: #454545; + --vscode-editorHoverWidget-statusBarBackground: #252525; + --vscode-editorLink-activeForeground: #4e94ce; + --vscode-editorInlayHint-foreground: #8b949e; + --vscode-editorInlayHint-background: rgba(139, 148, 158, 0.2); + --vscode-editorInlayHint-typeForeground: #8b949e; + --vscode-editorInlayHint-typeBackground: rgba(139, 148, 158, 0.2); + --vscode-editorInlayHint-parameterForeground: #8b949e; + --vscode-editorInlayHint-parameterBackground: rgba(139, 148, 158, 0.2); + --vscode-editorLightBulb-foreground: #ffcc00; + --vscode-editorLightBulbAutoFix-foreground: #75beff; + --vscode-diffEditor-insertedTextBackground: rgba(35, 134, 54, 0.3); + --vscode-diffEditor-removedTextBackground: rgba(218, 54, 51, 0.3); + --vscode-diffEditor-insertedLineBackground: rgba(35, 134, 54, 0.2); + --vscode-diffEditor-removedLineBackground: rgba(218, 54, 51, 0.2); + --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); + --vscode-diffEditor-unchangedRegionBackground: #000000; + --vscode-list-focusOutline: #0078d4; + --vscode-list-activeSelectionBackground: #323232; + --vscode-list-activeSelectionForeground: #ffffff; + --vscode-list-activeSelectionIconForeground: #ffffff; + --vscode-list-inactiveSelectionBackground: #37373d; + --vscode-list-hoverBackground: #2a2d2e; + --vscode-list-dropBackground: #383b3d; + --vscode-list-highlightForeground: #2aaaff; + --vscode-list-focusHighlightForeground: #2aaaff; + --vscode-list-invalidItemForeground: #b89500; + --vscode-list-errorForeground: #f88070; + --vscode-list-warningForeground: #cca700; + --vscode-listFilterWidget-background: #1f1f1f; + --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); + --vscode-listFilterWidget-noMatchesOutline: #be1100; + --vscode-listFilterWidget-shadow: rgba(0, 0, 0, 0.36); + --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); + --vscode-tree-indentGuidesStroke: #585858; + --vscode-tree-inactiveIndentGuidesStroke: rgba(88, 88, 88, 0.4); + --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04); + --vscode-list-deemphasizedForeground: #8c8c8c; + --vscode-checkbox-background: #313131; + --vscode-checkbox-selectBackground: #1f1f1f; + --vscode-checkbox-foreground: #cccccc; + --vscode-checkbox-border: rgba(255, 255, 255, 0.12); + --vscode-checkbox-selectBorder: #cccccc; + --vscode-quickInputList-focusForeground: #ffffff; + --vscode-quickInputList-focusIconForeground: #ffffff; + --vscode-quickInputList-focusBackground: #323232; + --vscode-menu-border: #454545; + --vscode-menu-foreground: #cccccc; + --vscode-menu-background: #1f1f1f; + --vscode-menu-selectionForeground: #ffffff; + --vscode-menu-selectionBackground: #323232; + --vscode-menu-separatorBackground: #454545; + --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); + --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); + --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); + --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; + --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8); + --vscode-breadcrumb-background: #1f1f1f; + --vscode-breadcrumb-focusForeground: #e0e0e0; + --vscode-breadcrumb-activeSelectionForeground: #e0e0e0; + --vscode-breadcrumbPicker-background: #1f1f1f; + --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); + --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); + --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); + --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); + --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); + --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); + --vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5); + --vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5); + --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); + --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8); + --vscode-minimap-findMatchHighlight: #d18616; + --vscode-minimap-selectionOccurrenceHighlight: #676767; + --vscode-minimap-selectionHighlight: #264f78; + --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); + --vscode-minimap-warningHighlight: #cca700; + --vscode-minimap-foregroundOpacity: #000000; + --vscode-minimapSlider-background: rgba(110, 118, 129, 0.1); + --vscode-minimapSlider-hoverBackground: rgba(110, 118, 129, 0.14); + --vscode-minimapSlider-activeBackground: rgba(110, 118, 129, 0.27); + --vscode-problemsErrorIcon-foreground: #f14c4c; + --vscode-problemsWarningIcon-foreground: #cca700; + --vscode-problemsInfoIcon-foreground: #3794ff; + --vscode-charts-foreground: #cccccc; + --vscode-charts-lines: rgba(204, 204, 204, 0.5); + --vscode-charts-red: #f14c4c; + --vscode-charts-blue: #3794ff; + --vscode-charts-yellow: #cca700; + --vscode-charts-orange: #d18616; + --vscode-charts-green: #89d185; + --vscode-charts-purple: #b180d7; + --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-editorHoverWidget-highlightForeground: #2aaaff; + --vscode-editor-lineHighlightBorder: #282828; + --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editorCursor-foreground: #aeafad; + --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16); + --vscode-editorIndentGuide-background: #404040; + --vscode-editorIndentGuide-activeBackground: #707070; + --vscode-editorLineNumber-foreground: #6e7681; + --vscode-editorActiveLineNumber-foreground: #c6c6c6; + --vscode-editorLineNumber-activeForeground: #cccccc; + --vscode-editorRuler-foreground: #5a5a5a; + --vscode-editorCodeLens-foreground: #999999; + --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); + --vscode-editorBracketMatch-border: #888888; + --vscode-editorOverviewRuler-border: #010409; + --vscode-editorGutter-background: #1f1f1f; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67); + --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); + --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); + --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); + --vscode-editorOverviewRuler-warningForeground: #cca700; + --vscode-editorOverviewRuler-infoForeground: #3794ff; + --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-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-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-editorUnicodeHighlight-border: #bd9b03; + --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3); + --vscode-editorGutter-foldingControlForeground: #cccccc; + --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); + --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-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-peekViewTitle-background: #252526; + --vscode-peekViewTitleLabel-foreground: #ffffff; + --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7); + --vscode-peekView-border: #3794ff; + --vscode-peekViewResult-background: #1f1f1f; + --vscode-peekViewResult-lineForeground: #bbbbbb; + --vscode-peekViewResult-fileForeground: #ffffff; + --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); + --vscode-peekViewResult-selectionForeground: #ffffff; + --vscode-peekViewEditor-background: #1f1f1f; + --vscode-peekViewEditorGutter-background: #1f1f1f; + --vscode-peekViewEditorStickyScroll-background: #1f1f1f; + --vscode-peekViewResult-matchHighlightBackground: rgba(187, 128, 9, 0.4); + --vscode-peekViewEditor-matchHighlightBackground: rgba(187, 128, 9, 0.4); + --vscode-editorMarkerNavigationError-background: #f14c4c; + --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1); + --vscode-editorMarkerNavigationWarning-background: #cca700; + --vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, 0.1); + --vscode-editorMarkerNavigationInfo-background: #3794ff; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1); + --vscode-editorMarkerNavigation-background: #1f1f1f; + --vscode-editorSuggestWidget-background: #1f1f1f; + --vscode-editorSuggestWidget-border: #454545; + --vscode-editorSuggestWidget-foreground: #cccccc; + --vscode-editorSuggestWidget-selectedForeground: #ffffff; + --vscode-editorSuggestWidget-selectedIconForeground: #ffffff; + --vscode-editorSuggestWidget-selectedBackground: #323232; + --vscode-editorSuggestWidget-highlightForeground: #2aaaff; + --vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff; + --vscode-editorSuggestWidgetStatus-foreground: rgba(204, 204, 204, 0.5); + --vscode-tab-activeBackground: #1f1f1f; + --vscode-tab-unfocusedActiveBackground: #1f1f1f; + --vscode-tab-inactiveBackground: #181818; + --vscode-tab-unfocusedInactiveBackground: #181818; + --vscode-tab-activeForeground: #ffffff; + --vscode-tab-inactiveForeground: rgba(255, 255, 255, 0.5); + --vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5); + --vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, 0.25); + --vscode-tab-hoverBackground: #1f1f1f; + --vscode-tab-unfocusedHoverBackground: rgba(110, 118, 129, 0.1); + --vscode-tab-border: rgba(255, 255, 255, 0.08); + --vscode-tab-lastPinnedBorder: rgba(204, 204, 204, 0.2); + --vscode-tab-activeBorder: #1f1f1f; + --vscode-tab-unfocusedActiveBorder: #1f1f1f; + --vscode-tab-activeBorderTop: #0078d4; + --vscode-tab-unfocusedActiveBorderTop: rgba(255, 255, 255, 0.08); + --vscode-tab-activeModifiedBorder: #3399cc; + --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); + --vscode-editorPane-background: #1f1f1f; + --vscode-editorGroupHeader-tabsBackground: #181818; + --vscode-editorGroupHeader-tabsBorder: rgba(255, 255, 255, 0.08); + --vscode-editorGroupHeader-noTabsBackground: #1f1f1f; + --vscode-editorGroup-border: rgba(255, 255, 255, 0.09); + --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-editorGroup-dropIntoPromptForeground: #cccccc; + --vscode-editorGroup-dropIntoPromptBackground: #1f1f1f; + --vscode-sideBySideEditor-horizontalBorder: rgba(255, 255, 255, 0.09); + --vscode-sideBySideEditor-verticalBorder: rgba(255, 255, 255, 0.09); + --vscode-panel-background: #181818; + --vscode-panel-border: rgba(255, 255, 255, 0.08); + --vscode-panelTitle-activeForeground: #cccccc; + --vscode-panelTitle-inactiveForeground: #8b949e; + --vscode-panelTitle-activeBorder: #0078d4; + --vscode-panelInput-border: rgba(255, 255, 255, 0.08); + --vscode-panel-dropBorder: #cccccc; + --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); + --vscode-panelSection-border: rgba(255, 255, 255, 0.08); + --vscode-banner-background: #323232; + --vscode-banner-foreground: #ffffff; + --vscode-banner-iconForeground: #3794ff; + --vscode-statusBar-foreground: #cccccc; + --vscode-statusBar-noFolderForeground: #cccccc; + --vscode-statusBar-background: #181818; + --vscode-statusBar-noFolderBackground: #1f1f1f; + --vscode-statusBar-border: rgba(255, 255, 255, 0.08); + --vscode-statusBar-focusBorder: #0078d4; + --vscode-statusBar-noFolderBorder: rgba(255, 255, 255, 0.08); + --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); + --vscode-statusBarItem-focusBorder: #0078d4; + --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); + --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); + --vscode-statusBarItem-prominentForeground: #cccccc; + --vscode-statusBarItem-prominentBackground: rgba(110, 118, 129, 0.4); + --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); + --vscode-statusBarItem-errorBackground: #b91007; + --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningBackground: #7a6400; + --vscode-statusBarItem-warningForeground: #ffffff; + --vscode-activityBar-background: #181818; + --vscode-activityBar-foreground: #d7d7d7; + --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.5); + --vscode-activityBar-border: rgba(255, 255, 255, 0.08); + --vscode-activityBar-activeBorder: #0078d4; + --vscode-activityBar-dropBorder: #d7d7d7; + --vscode-activityBarBadge-background: #0078d4; + --vscode-activityBarBadge-foreground: #ffffff; + --vscode-profileBadge-background: #4d4d4d; + --vscode-profileBadge-foreground: #ffffff; + --vscode-statusBarItem-remoteBackground: #0078d4; + --vscode-statusBarItem-remoteForeground: #ffffff; + --vscode-extensionBadge-remoteBackground: #0078d4; + --vscode-extensionBadge-remoteForeground: #ffffff; + --vscode-sideBar-background: #181818; + --vscode-sideBar-foreground: #cccccc; + --vscode-sideBar-border: rgba(255, 255, 255, 0.08); + --vscode-sideBarTitle-foreground: #cccccc; + --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-sideBarSectionHeader-background: #181818; + --vscode-sideBarSectionHeader-foreground: #cccccc; + --vscode-sideBarSectionHeader-border: rgba(255, 255, 255, 0.08); + --vscode-titleBar-activeForeground: #cccccc; + --vscode-titleBar-inactiveForeground: #8b949e; + --vscode-titleBar-activeBackground: #181818; + --vscode-titleBar-inactiveBackground: #1f1f1f; + --vscode-titleBar-border: rgba(255, 255, 255, 0.08); + --vscode-menubar-selectionForeground: #cccccc; + --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); + --vscode-notificationCenter-border: rgba(255, 255, 255, 0.08); + --vscode-notificationToast-border: rgba(255, 255, 255, 0.08); + --vscode-notifications-foreground: #cccccc; + --vscode-notifications-background: #1f1f1f; + --vscode-notificationLink-foreground: #40a6ff; + --vscode-notificationCenterHeader-foreground: #cccccc; + --vscode-notificationCenterHeader-background: #1f1f1f; + --vscode-notifications-border: rgba(255, 255, 255, 0.08); + --vscode-notificationsErrorIcon-foreground: #f14c4c; + --vscode-notificationsWarningIcon-foreground: #cca700; + --vscode-notificationsInfoIcon-foreground: #3794ff; + --vscode-commandCenter-foreground: #cccccc; + --vscode-commandCenter-activeForeground: #cccccc; + --vscode-commandCenter-inactiveForeground: #8b949e; + --vscode-commandCenter-background: rgba(255, 255, 255, 0.05); + --vscode-commandCenter-activeBackground: rgba(255, 255, 255, 0.08); + --vscode-commandCenter-border: rgba(204, 204, 204, 0.2); + --vscode-commandCenter-activeBorder: rgba(204, 204, 204, 0.3); + --vscode-commandCenter-inactiveBorder: rgba(139, 148, 158, 0.25); + --vscode-chat-requestBackground: rgba(255, 255, 255, 0.03); + --vscode-chat-requestBorder: rgba(255, 255, 255, 0.1); + --vscode-commentsView-resolvedIcon: rgba(204, 204, 204, 0.5); + --vscode-commentsView-unresolvedIcon: #0078d4; + --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: #0078d4; + --vscode-editorCommentsWidget-rangeBackground: rgba(0, 120, 212, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(0, 120, 212, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(0, 120, 212, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(0, 120, 212, 0.4); + --vscode-editorGutter-commentRangeForeground: #37373d; + --vscode-editorOverviewRuler-commentForeground: #37373d; + --vscode-editorOverviewRuler-commentUnresolvedForeground: #37373d; + --vscode-editorGutter-commentGlyphForeground: #cccccc; + --vscode-editorGutter-commentUnresolvedGlyphForeground: #cccccc; + --vscode-debugToolBar-background: #181818; + --vscode-debugIcon-startForeground: #89d185; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); + --vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, 0.3); + --vscode-interactiveEditor-border: #454545; + --vscode-interactiveEditor-shadow: rgba(0, 0, 0, 0.36); + --vscode-interactiveEditor-regionHighlight: rgba(38, 79, 120, 0.25); + --vscode-interactiveEditorInput-border: #454545; + --vscode-interactiveEditorInput-focusBorder: #0078d4; + --vscode-interactiveEditorInput-placeholderForeground: rgba(255, 255, 255, 0.47); + --vscode-interactiveEditorInput-background: #2a2a2a; + --vscode-interactiveEditorDiff-inserted: rgba(35, 134, 54, 0.15); + --vscode-interactiveEditorDiff-removed: rgba(218, 54, 51, 0.15); + --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\.unhandledUnfocused\.border: rgba(255, 166, 0, 0.48); + --vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600; + --vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, 0.29); + --vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, 0.8); + --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, 0.93); + --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03; + --vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, 0.28); + --vscode-mergeEditor-conflict\.input1\.background: rgba(64, 200, 174, 0.2); + --vscode-mergeEditor-conflict\.input2\.background: rgba(64, 166, 255, 0.2); + --vscode-settings-headerForeground: #ffffff; + --vscode-settings-settingsHeaderHoverForeground: rgba(255, 255, 255, 0.7); + --vscode-settings-modifiedItemIndicator: rgba(187, 128, 9, 0.4); + --vscode-settings-headerBorder: rgba(255, 255, 255, 0.08); + --vscode-settings-sashBorder: rgba(255, 255, 255, 0.08); + --vscode-settings-dropdownBackground: #313131; + --vscode-settings-dropdownForeground: #cccccc; + --vscode-settings-dropdownBorder: rgba(255, 255, 255, 0.12); + --vscode-settings-dropdownListBorder: #454545; + --vscode-settings-checkboxBackground: #313131; + --vscode-settings-checkboxForeground: #cccccc; + --vscode-settings-checkboxBorder: rgba(255, 255, 255, 0.12); + --vscode-settings-textInputBackground: #2a2a2a; + --vscode-settings-textInputForeground: #cccccc; + --vscode-settings-textInputBorder: rgba(255, 255, 255, 0.12); + --vscode-settings-numberInputBackground: #2a2a2a; + --vscode-settings-numberInputForeground: #cccccc; + --vscode-settings-numberInputBorder: rgba(255, 255, 255, 0.12); + --vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6); + --vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3); + --vscode-settings-focusedRowBorder: #0078d4; + --vscode-terminal-foreground: #cccccc; + --vscode-terminal-selectionBackground: #264f78; + --vscode-terminal-inactiveSelectionBackground: #3a3d41; + --vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, 0.25); + --vscode-terminalCommandDecoration-successBackground: #1b81a8; + --vscode-terminalCommandDecoration-errorBackground: #f14c4c; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); + --vscode-terminal-border: rgba(255, 255, 255, 0.08); + --vscode-terminal-findMatchBackground: #9e6a03; + --vscode-terminal-hoverHighlightBackground: rgba(38, 79, 120, 0.13); + --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-terminal-tab\.activeBorder: #0078d4; + --vscode-testing-iconFailed: #f14c4c; + --vscode-testing-iconErrored: #f14c4c; + --vscode-testing-iconPassed: #73c991; + --vscode-testing-runAction: #73c991; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #f14c4c; + --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1); + --vscode-testing-message\.error\.decorationForeground: #f14c4c; + --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); + --vscode-testing-message\.info\.decorationForeground: rgba(204, 204, 204, 0.5); + --vscode-welcomePage-tileBackground: rgba(255, 255, 255, 0.06); + --vscode-welcomePage-tileHoverBackground: #252525; + --vscode-welcomePage-tileBorder: rgba(255, 255, 255, 0.1); + --vscode-welcomePage-progress\.background: #2a2a2a; + --vscode-welcomePage-progress\.foreground: #0078d4; + --vscode-walkthrough-stepTitle\.foreground: #ffffff; + --vscode-walkThrough-embeddedEditorBackground: rgba(0, 0, 0, 0.4); + --vscode-debugExceptionWidget-border: #a31515; + --vscode-debugExceptionWidget-background: #420b0d; + --vscode-ports-iconRunningProcessForeground: #369432; + --vscode-statusBar-debuggingBackground: #0078d4; + --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-statusBar-debuggingBorder: rgba(255, 255, 255, 0.08); + --vscode-statusBar-offlineBackground: #6c1717; + --vscode-statusBar-offlineForeground: #ffffff; + --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #0078d4; + --vscode-editorGutter-addedBackground: #2ea043; + --vscode-editorGutter-deletedBackground: #f85149; + --vscode-minimapGutter-modifiedBackground: #0078d4; + --vscode-minimapGutter-addedBackground: #2ea043; + --vscode-minimapGutter-deletedBackground: #f85149; + --vscode-editorOverviewRuler-modifiedForeground: rgba(0, 120, 212, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(46, 160, 67, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(248, 81, 73, 0.6); + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #37373d; + --vscode-notebook-focusedEditorBorder: #0078d4; + --vscode-notebookStatusSuccessIcon-foreground: #89d185; + --vscode-notebookEditorOverviewRuler-runningCellForeground: #89d185; + --vscode-notebookStatusErrorIcon-foreground: #f85149; + --vscode-notebookStatusRunningIcon-foreground: #cccccc; + --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); + --vscode-notebook-selectedCellBackground: #37373d; + --vscode-notebook-selectedCellBorder: #37373d; + --vscode-notebook-focusedCellBorder: #0078d4; + --vscode-notebook-inactiveFocusedCellBorder: #37373d; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); + --vscode-notebook-cellInsertionIndicator: #0078d4; + --vscode-notebookScrollbarSlider-background: rgba(110, 118, 129, 0.2); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(110, 118, 129, 0.27); + --vscode-notebookScrollbarSlider-activeBackground: rgba(110, 118, 129, 0.53); + --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-notebook-cellEditorBackground: #181818; + --vscode-notebook-editorBackground: #1f1f1f; + --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04); + --vscode-searchEditor-textInputBorder: rgba(255, 255, 255, 0.12); + --vscode-debugTokenExpression-name: #c586c0; + --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); + --vscode-debugTokenExpression-string: #ce9178; + --vscode-debugTokenExpression-boolean: #4e94ce; + --vscode-debugTokenExpression-number: #b5cea8; + --vscode-debugTokenExpression-error: #f48771; + --vscode-debugView-exceptionLabelForeground: #cccccc; + --vscode-debugView-exceptionLabelBackground: #6c2022; + --vscode-debugView-stateLabelForeground: #cccccc; + --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); + --vscode-debugView-valueChangedHighlight: #569cd6; + --vscode-debugConsole-infoForeground: #3794ff; + --vscode-debugConsole-warningForeground: #cca700; + --vscode-debugConsole-errorForeground: #f85149; + --vscode-debugConsole-sourceForeground: #cccccc; + --vscode-debugConsoleInputIcon-foreground: #cccccc; + --vscode-debugIcon-pauseForeground: #75beff; + --vscode-debugIcon-stopForeground: #f48771; + --vscode-debugIcon-disconnectForeground: #f48771; + --vscode-debugIcon-restartForeground: #89d185; + --vscode-debugIcon-stepOverForeground: #75beff; + --vscode-debugIcon-stepIntoForeground: #75beff; + --vscode-debugIcon-stepOutForeground: #75beff; + --vscode-debugIcon-continueForeground: #75beff; + --vscode-debugIcon-stepBackForeground: #75beff; + --vscode-scm-providerBorder: #454545; + --vscode-extensionButton-background: #0078d4; + --vscode-extensionButton-foreground: #ffffff; + --vscode-extensionButton-hoverBackground: rgba(0, 120, 212, 0.9); + --vscode-extensionButton-separator: rgba(255, 255, 255, 0.4); + --vscode-extensionButton-prominentBackground: #0078d4; + --vscode-extensionButton-prominentForeground: #ffffff; + --vscode-extensionButton-prominentHoverBackground: rgba(0, 120, 212, 0.9); + --vscode-extensionIcon-starForeground: #ff8e00; + --vscode-extensionIcon-verifiedForeground: #40a6ff; + --vscode-extensionIcon-preReleaseForeground: #1d9271; + --vscode-extensionIcon-sponsorForeground: #d758b3; + --vscode-terminal-ansiBlack: #000000; + --vscode-terminal-ansiRed: #cd3131; + --vscode-terminal-ansiGreen: #0dbc79; + --vscode-terminal-ansiYellow: #e5e510; + --vscode-terminal-ansiBlue: #2472c8; + --vscode-terminal-ansiMagenta: #bc3fbc; + --vscode-terminal-ansiCyan: #11a8cd; + --vscode-terminal-ansiWhite: #e5e5e5; + --vscode-terminal-ansiBrightBlack: #666666; + --vscode-terminal-ansiBrightRed: #f14c4c; + --vscode-terminal-ansiBrightGreen: #23d18b; + --vscode-terminal-ansiBrightYellow: #f5f543; + --vscode-terminal-ansiBrightBlue: #3b8eea; + --vscode-terminal-ansiBrightMagenta: #d670d6; + --vscode-terminal-ansiBrightCyan: #29b8db; + --vscode-terminal-ansiBrightWhite: #e5e5e5; + --vscode-interactive-activeCodeBorder: #3794ff; + --vscode-interactive-inactiveCodeBorder: #37373d; + --vscode-gitDecoration-addedResourceForeground: #81b88b; + --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-deletedResourceForeground: #c74e39; + --vscode-gitDecoration-renamedResourceForeground: #73c991; + --vscode-gitDecoration-untrackedResourceForeground: #73c991; + --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c; + --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; + --vscode-gitDecoration-conflictingResourceForeground: #e4676b; + --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; +}