Webview CSS variables are append-only and never removed when they no longer apply #96621
Description
- VSCode Version: 1.44.2
- OS Version: Windows 10
Steps to Reproduce:
- Set a VS Code theme that does not define some theme colors such as the terminal-background
- Create a webview that references those theme colors
- Switch to a theme that starts defining the new theme colors (such as the PowerShell ISE theme in the PowerShell extension): new CSS variables added to webview HTML style as expected
--vscode-terminal-background:#012456; - Switch back to a theme without the additional colors defined: CSS variables added in step 3 are not removed, so the webview ends up theming elements incorrectly.
--vscode-terminal-background:#012456;remains.
Does this issue occur when all extensions are disabled?: This affects web views that are contributed by extensions, but the core issue seems to be in how VS Code is setting the CSS theme variables/properties.
Full details
Styles from Step 2:
<html lang="en" style="--vscode-activityBar-activeBorder:#f9826c; --vscode-activityBar-background:#ffffff; --vscode-activityBar-border:#e1e4e8; --vscode-activityBar-dropBackground:rgba(255, 255, 255, 0.12); --vscode-activityBar-foreground:#24292e; --vscode-activityBar-inactiveForeground:#959da5; --vscode-activityBarBadge-background:#2188ff; --vscode-activityBarBadge-foreground:#ffffff; --vscode-badge-background:#dbedff; --vscode-badge-foreground:#005cc5; --vscode-breadcrumb-activeSelectionForeground:#586069; --vscode-breadcrumb-background:#ffffff; --vscode-breadcrumb-focusForeground:#24292e; --vscode-breadcrumb-foreground:#6a737d; --vscode-breadcrumbPicker-background:#fafbfc; --vscode-button-background:#159739; --vscode-button-foreground:#ffffff; --vscode-button-hoverBackground:#138934; --vscode-checkbox-background:#fafbfc; --vscode-checkbox-border:#d1d5da; --vscode-checkbox-foreground:#24292e; --vscode-debugExceptionWidget-background:#f1dfde; --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:#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-debugToolBar-background:#ffffff; --vscode-descriptionForeground:#6a737d; --vscode-diffEditor-insertedTextBackground:rgba(52, 208, 88, 0.13); --vscode-diffEditor-removedTextBackground:rgba(215, 58, 73, 0.13); --vscode-dropdown-background:#fafbfc; --vscode-dropdown-border:#e1e4e8; --vscode-dropdown-foreground:#24292e; --vscode-dropdown-listBackground:#ffffff; --vscode-editor-background:#ffffff; --vscode-editor-findMatchBackground:#ffdf5d; --vscode-editor-findMatchHighlightBackground:rgba(255, 223, 93, 0.4); --vscode-editor-findRangeHighlightBackground:rgba(180, 180, 180, 0.3); --vscode-editor-focusedStackFrameHighlightBackground:#fff5b1; --vscode-editor-foldBackground:#fafbfc; --vscode-editor-font-family:Consolas, "Courier New", monospace; --vscode-editor-font-size:14px; --vscode-editor-font-weight:normal; --vscode-editor-foreground:#24292e; --vscode-editor-hoverHighlightBackground:rgba(173, 214, 255, 0.15); --vscode-editor-inactiveSelectionBackground:rgba(3, 102, 214, 0.07); --vscode-editor-lineHighlightBackground:#f6f8fa; --vscode-editor-lineHighlightBorder:#eeeeee; --vscode-editor-rangeHighlightBackground:rgba(253, 255, 0, 0.2); --vscode-editor-selectionBackground:rgba(3, 102, 214, 0.14); --vscode-editor-selectionHighlightBackground:rgba(21, 128, 252, 0.09); --vscode-editor-snippetFinalTabstopHighlightBorder:rgba(10, 50, 100, 0.5); --vscode-editor-snippetTabstopHighlightBackground:rgba(10, 50, 100, 0.2); --vscode-editor-stackFrameHighlightBackground:#fffbdd; --vscode-editor-symbolHighlightBackground:rgba(255, 223, 93, 0.4); --vscode-editor-wordHighlightBackground:rgba(3, 102, 214, 0.13); --vscode-editor-wordHighlightStrongBackground:rgba(14, 99, 156, 0.25); --vscode-editorActiveLineNumber-foreground:#0b216f; --vscode-editorBracketMatch-background:#c8e1ff; --vscode-editorBracketMatch-border:#c8e1ff; --vscode-editorCodeLens-foreground:#999999; --vscode-editorCursor-foreground:#044289; --vscode-editorError-foreground:#e51400; --vscode-editorGroup-border:#e1e4e8; --vscode-editorGroup-dropBackground:rgba(38, 119, 203, 0.18); --vscode-editorGroupHeader-noTabsBackground:#ffffff; --vscode-editorGroupHeader-tabsBackground:#f6f8fa; --vscode-editorGroupHeader-tabsBorder:#e1e4e8; --vscode-editorGutter-addedBackground:#28a745; --vscode-editorGutter-background:#ffffff; --vscode-editorGutter-commentRangeForeground:#c5c5c5; --vscode-editorGutter-deletedBackground:#d73a49; --vscode-editorGutter-modifiedBackground:#2188ff; --vscode-editorHint-foreground:#6c6c6c; --vscode-editorHoverWidget-background:#f3f3f3; --vscode-editorHoverWidget-border:#c8c8c8; --vscode-editorHoverWidget-foreground:#444d56; --vscode-editorHoverWidget-statusBarBackground:#e7e7e7; --vscode-editorIndentGuide-activeBackground:#d7dbe0; --vscode-editorIndentGuide-background:#eff2f6; --vscode-editorInfo-foreground:#75beff; --vscode-editorLightBulb-foreground:#ddb100; --vscode-editorLightBulbAutoFix-foreground:#007acc; --vscode-editorLineNumber-activeForeground:#24292e; --vscode-editorLineNumber-foreground:rgba(27, 31, 35, 0.3); --vscode-editorLink-activeForeground:#0000ff; --vscode-editorMarkerNavigation-background:#ffffff; --vscode-editorMarkerNavigationError-background:#e51400; --vscode-editorMarkerNavigationInfo-background:#75beff; --vscode-editorMarkerNavigationWarning-background:#e9a700; --vscode-editorOverviewRuler-addedForeground:rgba(40, 167, 69, 0.6); --vscode-editorOverviewRuler-border:#ffffff; --vscode-editorOverviewRuler-bracketMatchForeground:#a0a0a0; --vscode-editorOverviewRuler-commonContentForeground:rgba(96, 96, 96, 0.4); --vscode-editorOverviewRuler-currentContentForeground:rgba(64, 200, 174, 0.5); --vscode-editorOverviewRuler-deletedForeground:rgba(215, 58, 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:#75beff; --vscode-editorOverviewRuler-modifiedForeground:rgba(33, 136, 255, 0.6); --vscode-editorOverviewRuler-rangeHighlightForeground:rgba(0, 122, 204, 0.6); --vscode-editorOverviewRuler-selectionHighlightForeground:rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-warningForeground:#e9a700; --vscode-editorOverviewRuler-wordHighlightForeground:rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-wordHighlightStrongForeground:rgba(192, 160, 192, 0.8); --vscode-editorPane-background:#ffffff; --vscode-editorRuler-foreground:#d3d3d3; --vscode-editorSuggestWidget-background:#f3f3f3; --vscode-editorSuggestWidget-border:#c8c8c8; --vscode-editorSuggestWidget-foreground:#24292e; --vscode-editorSuggestWidget-highlightForeground:#0066bf; --vscode-editorSuggestWidget-selectedBackground:#d6ebff; --vscode-editorUnnecessaryCode-opacity:rgba(0, 0, 0, 0.47); --vscode-editorWarning-foreground:#e9a700; --vscode-editorWhitespace-foreground:#d1d5da; --vscode-editorWidget-background:#f3f3f3; --vscode-editorWidget-border:#c8c8c8; --vscode-editorWidget-foreground:#444d56; --vscode-errorForeground:#cb2431; --vscode-extensionBadge-remoteBackground:#2188ff; --vscode-extensionBadge-remoteForeground:#ffffff; --vscode-extensionButton-prominentBackground:#327e36; --vscode-extensionButton-prominentForeground:#ffffff; --vscode-extensionButton-prominentHoverBackground:#28632b; --vscode-focusBorder:#2188ff; --vscode-font-family:-apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "Ubuntu", "Droid Sans", sans-serif; --vscode-font-size:13px; --vscode-font-weight:normal; --vscode-foreground:#444d56; --vscode-gitDecoration-addedResourceForeground:#28a745; --vscode-gitDecoration-conflictingResourceForeground:#e36209; --vscode-gitDecoration-deletedResourceForeground:#d73a49; --vscode-gitDecoration-ignoredResourceForeground:#959da5; --vscode-gitDecoration-modifiedResourceForeground:#005cc5; --vscode-gitDecoration-submoduleResourceForeground:#959da5; --vscode-gitDecoration-untrackedResourceForeground:#28a745; --vscode-icon-foreground:#424242; --vscode-imagePreview-border:rgba(128, 128, 128, 0.35); --vscode-input-background:#fafbfc; --vscode-input-border:#e1e4e8; --vscode-input-foreground:#24292e; --vscode-input-placeholderForeground:#959da5; --vscode-inputOption-activeBackground:rgba(33, 136, 255, 0.3); --vscode-inputOption-activeBorder:rgba(0, 122, 204, 0); --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-list-activeSelectionBackground:#e2e5e9; --vscode-list-activeSelectionForeground:#24292e; --vscode-list-deemphasizedForeground:#8e8e90; --vscode-list-dropBackground:#d6ebff; --vscode-list-errorForeground:#b01011; --vscode-list-filterMatchBackground:rgba(255, 223, 93, 0.4); --vscode-list-focusBackground:#d6ebff; --vscode-list-highlightForeground:#0066bf; --vscode-list-hoverBackground:#ebf0f4; --vscode-list-hoverForeground:#24292e; --vscode-list-inactiveSelectionBackground:#e8eaed; --vscode-list-inactiveSelectionForeground:#24292e; --vscode-list-invalidItemForeground:#b89500; --vscode-list-warningForeground:#855f00; --vscode-listFilterWidget-background:#efc1ad; --vscode-listFilterWidget-noMatchesOutline:#be1100; --vscode-listFilterWidget-outline:rgba(0, 0, 0, 0); --vscode-menu-background:#fafbfc; --vscode-menu-foreground:#444d56; --vscode-menu-selectionBackground:#e2e5e9; --vscode-menu-selectionForeground:#24292e; --vscode-menu-separatorBackground:#888888; --vscode-menubar-selectionBackground:rgba(0, 0, 0, 0.1); --vscode-menubar-selectionForeground:#24292e; --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-minimap-errorHighlight:rgba(255, 18, 18, 0.7); --vscode-minimap-findMatchHighlight:#d18616; --vscode-minimap-selectionHighlight:#add6ff; --vscode-minimap-warningHighlight:#e9a700; --vscode-minimapGutter-addedBackground:#81b88b; --vscode-minimapGutter-deletedBackground:#ca4b51; --vscode-minimapGutter-modifiedBackground:#66afe0; --vscode-minimapSlider-activeBackground:rgba(149, 157, 165, 0.27); --vscode-minimapSlider-background:rgba(149, 157, 165, 0.1); --vscode-minimapSlider-hoverBackground:rgba(149, 157, 165, 0.13); --vscode-notebook-cellToolbarSeperator:rgba(128, 128, 128, 0.35); --vscode-notebook-focusedCellIndicator:#66afe0; --vscode-notebook-outputContainerBackgroundColor:#e4e6f1; --vscode-notificationCenterHeader-background:#fafbfc; --vscode-notificationLink-foreground:#0366d6; --vscode-notifications-background:#f3f3f3; --vscode-notifications-border:#fafbfc; --vscode-notifications-foreground:#444d56; --vscode-notificationsErrorIcon-foreground:#e51400; --vscode-notificationsInfoIcon-foreground:#75beff; --vscode-notificationsWarningIcon-foreground:#e9a700; --vscode-panel-background:#f6f8fa; --vscode-panel-border:#e1e4e8; --vscode-panel-dropBackground:rgba(38, 119, 203, 0.18); --vscode-panelInput-border:#e1e4e8; --vscode-panelTitle-activeBorder:#f9826c; --vscode-panelTitle-activeForeground:#24292e; --vscode-panelTitle-inactiveForeground:#6a737d; --vscode-peekView-border:#007acc; --vscode-peekViewEditor-background:#f2f8fc; --vscode-peekViewEditor-matchHighlightBackground:rgba(245, 216, 2, 0.87); --vscode-peekViewEditorGutter-background:#f2f8fc; --vscode-peekViewResult-background:#f3f3f3; --vscode-peekViewResult-fileForeground:#1e1e1e; --vscode-peekViewResult-lineForeground:#646465; --vscode-peekViewResult-matchHighlightBackground:rgba(234, 92, 0, 0.3); --vscode-peekViewResult-selectionBackground:rgba(51, 153, 255, 0.2); --vscode-peekViewResult-selectionForeground:#6c6c6c; --vscode-peekViewTitle-background:#ffffff; --vscode-peekViewTitleDescription-foreground:rgba(97, 97, 97, 0.9); --vscode-peekViewTitleLabel-foreground:#333333; --vscode-pickerGroup-border:#e1e4e8; --vscode-pickerGroup-foreground:#24292e; --vscode-problemsErrorIcon-foreground:#e51400; --vscode-problemsInfoIcon-foreground:#75beff; --vscode-problemsWarningIcon-foreground:#e9a700; --vscode-progressBar-background:#2188ff; --vscode-quickInput-background:#fafbfc; --vscode-quickInput-foreground:#24292e; --vscode-quickInputTitle-background:rgba(0, 0, 0, 0.06); --vscode-scrollbar-shadow:rgba(106, 115, 125, 0.2); --vscode-scrollbarSlider-activeBackground:rgba(149, 157, 165, 0.53); --vscode-scrollbarSlider-background:rgba(149, 157, 165, 0.2); --vscode-scrollbarSlider-hoverBackground:rgba(149, 157, 165, 0.27); --vscode-searchEditor-findMatchBackground:rgba(255, 223, 93, 0.26); --vscode-searchEditor-textInputBorder:#e1e4e8; --vscode-settings-checkboxBackground:#fafbfc; --vscode-settings-checkboxBorder:#d1d5da; --vscode-settings-checkboxForeground:#24292e; --vscode-settings-dropdownBackground:#fafbfc; --vscode-settings-dropdownBorder:#e1e4e8; --vscode-settings-dropdownForeground:#24292e; --vscode-settings-dropdownListBorder:#c8c8c8; --vscode-settings-headerForeground:#24292e; --vscode-settings-modifiedItemIndicator:#2188ff; --vscode-settings-numberInputBackground:#fafbfc; --vscode-settings-numberInputBorder:#e1e4e8; --vscode-settings-numberInputForeground:#24292e; --vscode-settings-textInputBackground:#fafbfc; --vscode-settings-textInputBorder:#e1e4e8; --vscode-settings-textInputForeground:#24292e; --vscode-sideBar-background:#f6f8fa; --vscode-sideBar-border:#e1e4e8; --vscode-sideBar-dropBackground:rgba(0, 0, 0, 0.1); --vscode-sideBar-foreground:#444d56; --vscode-sideBarSectionHeader-background:#f6f8fa; --vscode-sideBarSectionHeader-border:#e1e4e8; --vscode-sideBarSectionHeader-foreground:#24292e; --vscode-sideBarTitle-foreground:#24292e; --vscode-statusBar-background:#ffffff; --vscode-statusBar-border:#e1e4e8; --vscode-statusBar-debuggingBackground:#f9826c; --vscode-statusBar-debuggingBorder:#e1e4e8; --vscode-statusBar-debuggingForeground:#ffffff; --vscode-statusBar-foreground:#586069; --vscode-statusBar-noFolderBackground:#ffffff; --vscode-statusBar-noFolderBorder:#e1e4e8; --vscode-statusBar-noFolderForeground:#586069; --vscode-statusBarItem-activeBackground:rgba(255, 255, 255, 0.18); --vscode-statusBarItem-hoverBackground:rgba(255, 255, 255, 0.12); --vscode-statusBarItem-prominentBackground:rgba(0, 0, 0, 0.5); --vscode-statusBarItem-prominentForeground:#586069; --vscode-statusBarItem-prominentHoverBackground:rgba(0, 0, 0, 0.3); --vscode-statusBarItem-remoteBackground:#2188ff; --vscode-statusBarItem-remoteForeground:#ffffff; --vscode-symbolIcon-arrayForeground:#444d56; --vscode-symbolIcon-booleanForeground:#444d56; --vscode-symbolIcon-classForeground:#d67e00; --vscode-symbolIcon-colorForeground:#444d56; --vscode-symbolIcon-constantForeground:#444d56; --vscode-symbolIcon-constructorForeground:#652d90; --vscode-symbolIcon-enumeratorForeground:#d67e00; --vscode-symbolIcon-enumeratorMemberForeground:#007acc; --vscode-symbolIcon-eventForeground:#d67e00; --vscode-symbolIcon-fieldForeground:#007acc; --vscode-symbolIcon-fileForeground:#444d56; --vscode-symbolIcon-folderForeground:#444d56; --vscode-symbolIcon-functionForeground:#652d90; --vscode-symbolIcon-interfaceForeground:#007acc; --vscode-symbolIcon-keyForeground:#444d56; --vscode-symbolIcon-keywordForeground:#444d56; --vscode-symbolIcon-methodForeground:#652d90; --vscode-symbolIcon-moduleForeground:#444d56; --vscode-symbolIcon-namespaceForeground:#444d56; --vscode-symbolIcon-nullForeground:#444d56; --vscode-symbolIcon-numberForeground:#444d56; --vscode-symbolIcon-objectForeground:#444d56; --vscode-symbolIcon-operatorForeground:#444d56; --vscode-symbolIcon-packageForeground:#444d56; --vscode-symbolIcon-propertyForeground:#444d56; --vscode-symbolIcon-referenceForeground:#444d56; --vscode-symbolIcon-snippetForeground:#444d56; --vscode-symbolIcon-stringForeground:#444d56; --vscode-symbolIcon-structForeground:#444d56; --vscode-symbolIcon-textForeground:#444d56; --vscode-symbolIcon-typeParameterForeground:#444d56; --vscode-symbolIcon-unitForeground:#444d56; --vscode-symbolIcon-variableForeground:#007acc; --vscode-tab-activeBackground:#ffffff; --vscode-tab-activeBorder:#ffffff; --vscode-tab-activeBorderTop:#f9826c; --vscode-tab-activeForeground:#24292e; --vscode-tab-activeModifiedBorder:#33aaee; --vscode-tab-border:#e1e4e8; --vscode-tab-hoverBackground:#ffffff; --vscode-tab-inactiveBackground:#f6f8fa; --vscode-tab-inactiveForeground:#6a737d; --vscode-tab-inactiveModifiedBorder:rgba(51, 170, 238, 0.5); --vscode-tab-unfocusedActiveBackground:#ffffff; --vscode-tab-unfocusedActiveBorder:#ffffff; --vscode-tab-unfocusedActiveBorderTop:#e1e4e8; --vscode-tab-unfocusedActiveForeground:rgba(36, 41, 46, 0.7); --vscode-tab-unfocusedActiveModifiedBorder:rgba(51, 170, 238, 0.7); --vscode-tab-unfocusedHoverBackground:#ffffff; --vscode-tab-unfocusedInactiveForeground:rgba(106, 115, 125, 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:#00bc00; --vscode-terminal-ansiMagenta:#bc05bc; --vscode-terminal-ansiRed:#cd3131; --vscode-terminal-ansiWhite:#555555; --vscode-terminal-ansiYellow:#949800; --vscode-terminal-border:#e1e4e8; --vscode-terminal-foreground:#586069; --vscode-terminal-selectionBackground:rgba(0, 0, 0, 0.25); --vscode-textBlockQuote-background:#fafbfc; --vscode-textBlockQuote-border:#e1e4e8; --vscode-textCodeBlock-background:#f6f8fa; --vscode-textLink-activeForeground:#005cc5; --vscode-textLink-foreground:#0366d6; --vscode-textPreformat-foreground:#586069; --vscode-textSeparator-foreground:#d1d5da; --vscode-titleBar-activeBackground:#ffffff; --vscode-titleBar-activeForeground:#24292e; --vscode-titleBar-border:#e1e4e8; --vscode-titleBar-inactiveBackground:#f6f8fa; --vscode-titleBar-inactiveForeground:#6a737d; --vscode-tree-indentGuidesStroke:#e1e4e8; --vscode-welcomePage-buttonBackground:#f6f8fa; --vscode-welcomePage-buttonHoverBackground:#e1e4e8; --vscode-widget-shadow:#a8a8a8;">
Styles from step 3 (notice new style at the end):
<html lang="en" style="--vscode-activityBar-activeBorder:#a9a9a9; --vscode-activityBar-background:#e1ecf9; --vscode-activityBar-border:#e1e4e8; --vscode-activityBar-dropBackground:rgba(255, 255, 255, 0.12); --vscode-activityBar-foreground:#a9a9a9; --vscode-activityBar-inactiveForeground:rgba(169, 169, 169, 0.4); --vscode-activityBarBadge-background:#a9a9a9; --vscode-activityBarBadge-foreground:#ffffff; --vscode-badge-background:#c4c4c4; --vscode-badge-foreground:#333333; --vscode-breadcrumb-activeSelectionForeground:#4e4e4e; --vscode-breadcrumb-background:#fffffe; --vscode-breadcrumb-focusForeground:#4e4e4e; --vscode-breadcrumb-foreground:rgba(97, 97, 97, 0.8); --vscode-breadcrumbPicker-background:#f3f3f3; --vscode-button-background:#007acc; --vscode-button-foreground:#ffffff; --vscode-button-hoverBackground:#0062a3; --vscode-checkbox-background:#ffffff; --vscode-checkbox-border:#cecece; --vscode-checkbox-foreground:#24292e; --vscode-debugExceptionWidget-background:#f1dfde; --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:#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-debugToolBar-background:#f3f3f3; --vscode-descriptionForeground:#717171; --vscode-diffEditor-insertedTextBackground:rgba(155, 185, 85, 0.2); --vscode-diffEditor-removedTextBackground:rgba(255, 0, 0, 0.2); --vscode-dropdown-background:#ffffff; --vscode-dropdown-border:#cecece; --vscode-dropdown-foreground:#24292e; --vscode-dropdown-listBackground:#ffffff; --vscode-editor-background:#fffffe; --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(148, 198, 247, 0.3); --vscode-editor-font-family:Consolas, "Courier New", monospace; --vscode-editor-font-size:14px; --vscode-editor-font-weight:normal; --vscode-editor-foreground:#333333; --vscode-editor-hoverHighlightBackground:rgba(173, 214, 255, 0.15); --vscode-editor-inactiveSelectionBackground:rgba(148, 198, 247, 0.5); --vscode-editor-lineHighlightBackground:#add8e6; --vscode-editor-lineHighlightBorder:#eeeeee; --vscode-editor-rangeHighlightBackground:rgba(253, 255, 0, 0.2); --vscode-editor-selectionBackground:#94c6f7; --vscode-editor-selectionHighlightBackground:rgba(199, 225, 251, 0.6); --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-editorActiveLineNumber-foreground:#0b216f; --vscode-editorBracketMatch-background:rgba(0, 100, 0, 0.1); --vscode-editorBracketMatch-border:#b9b9b9; --vscode-editorCodeLens-foreground:#999999; --vscode-editorCursor-foreground:#000000; --vscode-editorError-foreground:#e51400; --vscode-editorGroup-border:#e7e7e7; --vscode-editorGroup-dropBackground:rgba(38, 119, 203, 0.18); --vscode-editorGroupHeader-noTabsBackground:#fffffe; --vscode-editorGroupHeader-tabsBackground:#f3f3f3; --vscode-editorGroupHeader-tabsBorder:#e1e4e8; --vscode-editorGutter-addedBackground:#81b88b; --vscode-editorGutter-background:#fffffe; --vscode-editorGutter-commentRangeForeground:#c5c5c5; --vscode-editorGutter-deletedBackground:#ca4b51; --vscode-editorGutter-modifiedBackground:#66afe0; --vscode-editorHint-foreground:#6c6c6c; --vscode-editorHoverWidget-background:#f3f3f3; --vscode-editorHoverWidget-border:#c8c8c8; --vscode-editorHoverWidget-foreground:#616161; --vscode-editorHoverWidget-statusBarBackground:#e7e7e7; --vscode-editorIndentGuide-activeBackground:rgba(51, 51, 51, 0.2); --vscode-editorIndentGuide-background:rgba(51, 51, 51, 0.2); --vscode-editorInfo-foreground:#75beff; --vscode-editorLightBulb-foreground:#ddb100; --vscode-editorLightBulbAutoFix-foreground:#007acc; --vscode-editorLineNumber-activeForeground:#0b216f; --vscode-editorLineNumber-foreground:#237893; --vscode-editorLink-activeForeground:#0000ff; --vscode-editorMarkerNavigation-background:#ffffff; --vscode-editorMarkerNavigationError-background:#e51400; --vscode-editorMarkerNavigationInfo-background:#75beff; --vscode-editorMarkerNavigationWarning-background:#e9a700; --vscode-editorOverviewRuler-addedForeground:rgba(129, 184, 139, 0.6); --vscode-editorOverviewRuler-border:rgba(127, 127, 127, 0.3); --vscode-editorOverviewRuler-bracketMatchForeground:#a0a0a0; --vscode-editorOverviewRuler-commonContentForeground:rgba(96, 96, 96, 0.4); --vscode-editorOverviewRuler-currentContentForeground:rgba(64, 200, 174, 0.5); --vscode-editorOverviewRuler-deletedForeground:rgba(202, 75, 81, 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:#75beff; --vscode-editorOverviewRuler-modifiedForeground:rgba(102, 175, 224, 0.6); --vscode-editorOverviewRuler-rangeHighlightForeground:rgba(0, 122, 204, 0.6); --vscode-editorOverviewRuler-selectionHighlightForeground:rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-warningForeground:#e9a700; --vscode-editorOverviewRuler-wordHighlightForeground:rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-wordHighlightStrongForeground:rgba(192, 160, 192, 0.8); --vscode-editorPane-background:#fffffe; --vscode-editorRuler-foreground:#d3d3d3; --vscode-editorSuggestWidget-background:#f3f3f3; --vscode-editorSuggestWidget-border:#c8c8c8; --vscode-editorSuggestWidget-foreground:#333333; --vscode-editorSuggestWidget-highlightForeground:#0066bf; --vscode-editorSuggestWidget-selectedBackground:#d6ebff; --vscode-editorUnnecessaryCode-opacity:rgba(0, 0, 0, 0.47); --vscode-editorWarning-foreground:#e9a700; --vscode-editorWhitespace-foreground:rgba(51, 51, 51, 0.2); --vscode-editorWidget-background:#f3f3f3; --vscode-editorWidget-border:#c8c8c8; --vscode-editorWidget-foreground:#616161; --vscode-errorForeground:#a1260d; --vscode-extensionBadge-remoteBackground:#a9a9a9; --vscode-extensionBadge-remoteForeground:#ffffff; --vscode-extensionButton-prominentBackground:#327e36; --vscode-extensionButton-prominentForeground:#ffffff; --vscode-extensionButton-prominentHoverBackground:#28632b; --vscode-focusBorder:rgba(0, 122, 204, 0.4); --vscode-font-family:-apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "Ubuntu", "Droid Sans", sans-serif; --vscode-font-size:13px; --vscode-font-weight:normal; --vscode-foreground:#616161; --vscode-gitDecoration-addedResourceForeground:#587c0c; --vscode-gitDecoration-conflictingResourceForeground:#6c6cc4; --vscode-gitDecoration-deletedResourceForeground:#ad0707; --vscode-gitDecoration-ignoredResourceForeground:#8e8e90; --vscode-gitDecoration-modifiedResourceForeground:#895503; --vscode-gitDecoration-submoduleResourceForeground:#1258a7; --vscode-gitDecoration-untrackedResourceForeground:#007100; --vscode-icon-foreground:#424242; --vscode-imagePreview-border:rgba(128, 128, 128, 0.35); --vscode-input-background:#ffffff; --vscode-input-border:#e1e4e8; --vscode-input-foreground:#616161; --vscode-input-placeholderForeground:rgba(97, 97, 97, 0.5); --vscode-inputOption-activeBackground:rgba(0, 122, 204, 0.12); --vscode-inputOption-activeBorder:rgba(0, 122, 204, 0); --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-list-activeSelectionBackground:#0074e8; --vscode-list-activeSelectionForeground:#ffffff; --vscode-list-deemphasizedForeground:#8e8e90; --vscode-list-dropBackground:#d6ebff; --vscode-list-errorForeground:#b01011; --vscode-list-filterMatchBackground:rgba(234, 92, 0, 0.33); --vscode-list-focusBackground:#d6ebff; --vscode-list-highlightForeground:#0066bf; --vscode-list-hoverBackground:#f0f0f0; --vscode-list-hoverForeground:#24292e; --vscode-list-inactiveSelectionBackground:#e4e6f1; --vscode-list-inactiveSelectionForeground:#24292e; --vscode-list-invalidItemForeground:#b89500; --vscode-list-warningForeground:#855f00; --vscode-listFilterWidget-background:#efc1ad; --vscode-listFilterWidget-noMatchesOutline:#be1100; --vscode-listFilterWidget-outline:rgba(0, 0, 0, 0); --vscode-menu-background:#ffffff; --vscode-menu-foreground:#616161; --vscode-menu-selectionBackground:#0074e8; --vscode-menu-selectionForeground:#ffffff; --vscode-menu-separatorBackground:#888888; --vscode-menubar-selectionBackground:rgba(0, 0, 0, 0.1); --vscode-menubar-selectionForeground:#333333; --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-minimap-errorHighlight:rgba(255, 18, 18, 0.7); --vscode-minimap-findMatchHighlight:#d18616; --vscode-minimap-selectionHighlight:#add6ff; --vscode-minimap-warningHighlight:#e9a700; --vscode-minimapGutter-addedBackground:#81b88b; --vscode-minimapGutter-deletedBackground:#ca4b51; --vscode-minimapGutter-modifiedBackground:#66afe0; --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-notebook-cellToolbarSeperator:rgba(128, 128, 128, 0.35); --vscode-notebook-focusedCellIndicator:#66afe0; --vscode-notebook-outputContainerBackgroundColor:#e4e6f1; --vscode-notificationCenterHeader-background:#e7e7e7; --vscode-notificationLink-foreground:#006ab1; --vscode-notifications-background:#f3f3f3; --vscode-notifications-border:#e7e7e7; --vscode-notifications-foreground:#616161; --vscode-notificationsErrorIcon-foreground:#e51400; --vscode-notificationsInfoIcon-foreground:#75beff; --vscode-notificationsWarningIcon-foreground:#e9a700; --vscode-panel-background:#fffffe; --vscode-panel-border:rgba(128, 128, 128, 0.35); --vscode-panel-dropBackground:rgba(38, 119, 203, 0.18); --vscode-panelInput-border:#dddddd; --vscode-panelTitle-activeBorder:#424242; --vscode-panelTitle-activeForeground:#424242; --vscode-panelTitle-inactiveForeground:rgba(66, 66, 66, 0.75); --vscode-peekView-border:#007acc; --vscode-peekViewEditor-background:#f2f8fc; --vscode-peekViewEditor-matchHighlightBackground:rgba(245, 216, 2, 0.87); --vscode-peekViewEditorGutter-background:#f2f8fc; --vscode-peekViewResult-background:#f3f3f3; --vscode-peekViewResult-fileForeground:#1e1e1e; --vscode-peekViewResult-lineForeground:#646465; --vscode-peekViewResult-matchHighlightBackground:rgba(234, 92, 0, 0.3); --vscode-peekViewResult-selectionBackground:rgba(51, 153, 255, 0.2); --vscode-peekViewResult-selectionForeground:#6c6c6c; --vscode-peekViewTitle-background:#ffffff; --vscode-peekViewTitleDescription-foreground:rgba(97, 97, 97, 0.9); --vscode-peekViewTitleLabel-foreground:#333333; --vscode-pickerGroup-border:#cccedb; --vscode-pickerGroup-foreground:#0066bf; --vscode-problemsErrorIcon-foreground:#e51400; --vscode-problemsInfoIcon-foreground:#75beff; --vscode-problemsWarningIcon-foreground:#e9a700; --vscode-progressBar-background:#0e70c0; --vscode-quickInput-background:#f3f3f3; --vscode-quickInput-foreground:#616161; --vscode-quickInputTitle-background:rgba(0, 0, 0, 0.06); --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-searchEditor-findMatchBackground:rgba(234, 92, 0, 0.22); --vscode-searchEditor-textInputBorder:#cecece; --vscode-settings-checkboxBackground:#ffffff; --vscode-settings-checkboxBorder:#cecece; --vscode-settings-checkboxForeground:#24292e; --vscode-settings-dropdownBackground:#ffffff; --vscode-settings-dropdownBorder:#cecece; --vscode-settings-dropdownForeground:#24292e; --vscode-settings-dropdownListBorder:#c8c8c8; --vscode-settings-headerForeground:#444444; --vscode-settings-modifiedItemIndicator:#66afe0; --vscode-settings-numberInputBackground:#ffffff; --vscode-settings-numberInputBorder:#cecece; --vscode-settings-numberInputForeground:#616161; --vscode-settings-textInputBackground:#ffffff; --vscode-settings-textInputBorder:#cecece; --vscode-settings-textInputForeground:#616161; --vscode-sideBar-background:#f3f3f3; --vscode-sideBar-border:#e1e4e8; --vscode-sideBar-dropBackground:rgba(0, 0, 0, 0.1); --vscode-sideBar-foreground:#444d56; --vscode-sideBarSectionHeader-background:rgba(128, 128, 128, 0.2); --vscode-sideBarSectionHeader-border:#e1e4e8; --vscode-sideBarSectionHeader-foreground:#24292e; --vscode-sideBarTitle-foreground:#6f6f6f; --vscode-statusBar-background:#999999; --vscode-statusBar-border:#e1e4e8; --vscode-statusBar-debuggingBackground:#ff4500; --vscode-statusBar-debuggingBorder:#e1e4e8; --vscode-statusBar-debuggingForeground:#ffffff; --vscode-statusBar-foreground:#ffffff; --vscode-statusBar-noFolderBackground:#999999; --vscode-statusBar-noFolderBorder:#e1e4e8; --vscode-statusBar-noFolderForeground:#ffffff; --vscode-statusBarItem-activeBackground:rgba(255, 255, 255, 0.18); --vscode-statusBarItem-hoverBackground:rgba(255, 255, 255, 0.12); --vscode-statusBarItem-prominentBackground:rgba(0, 0, 0, 0.5); --vscode-statusBarItem-prominentForeground:#ffffff; --vscode-statusBarItem-prominentHoverBackground:rgba(0, 0, 0, 0.3); --vscode-statusBarItem-remoteBackground:#a9a9a9; --vscode-statusBarItem-remoteForeground:#ffffff; --vscode-symbolIcon-arrayForeground:#616161; --vscode-symbolIcon-booleanForeground:#616161; --vscode-symbolIcon-classForeground:#d67e00; --vscode-symbolIcon-colorForeground:#616161; --vscode-symbolIcon-constantForeground:#616161; --vscode-symbolIcon-constructorForeground:#652d90; --vscode-symbolIcon-enumeratorForeground:#d67e00; --vscode-symbolIcon-enumeratorMemberForeground:#007acc; --vscode-symbolIcon-eventForeground:#d67e00; --vscode-symbolIcon-fieldForeground:#007acc; --vscode-symbolIcon-fileForeground:#616161; --vscode-symbolIcon-folderForeground:#616161; --vscode-symbolIcon-functionForeground:#652d90; --vscode-symbolIcon-interfaceForeground:#007acc; --vscode-symbolIcon-keyForeground:#616161; --vscode-symbolIcon-keywordForeground:#616161; --vscode-symbolIcon-methodForeground:#652d90; --vscode-symbolIcon-moduleForeground:#616161; --vscode-symbolIcon-namespaceForeground:#616161; --vscode-symbolIcon-nullForeground:#616161; --vscode-symbolIcon-numberForeground:#616161; --vscode-symbolIcon-objectForeground:#616161; --vscode-symbolIcon-operatorForeground:#616161; --vscode-symbolIcon-packageForeground:#616161; --vscode-symbolIcon-propertyForeground:#616161; --vscode-symbolIcon-referenceForeground:#616161; --vscode-symbolIcon-snippetForeground:#616161; --vscode-symbolIcon-stringForeground:#616161; --vscode-symbolIcon-structForeground:#616161; --vscode-symbolIcon-textForeground:#616161; --vscode-symbolIcon-typeParameterForeground:#616161; --vscode-symbolIcon-unitForeground:#616161; --vscode-symbolIcon-variableForeground:#007acc; --vscode-tab-activeBackground:#fffffe; --vscode-tab-activeBorder:#ffffff; --vscode-tab-activeBorderTop:#f9826c; --vscode-tab-activeForeground:#333333; --vscode-tab-activeModifiedBorder:#33aaee; --vscode-tab-border:#f3f3f3; --vscode-tab-hoverBackground:#ffffff; --vscode-tab-inactiveBackground:#ececec; --vscode-tab-inactiveForeground:rgba(51, 51, 51, 0.7); --vscode-tab-inactiveModifiedBorder:rgba(51, 170, 238, 0.5); --vscode-tab-unfocusedActiveBackground:#fffffe; --vscode-tab-unfocusedActiveBorder:#ffffff; --vscode-tab-unfocusedActiveBorderTop:#e1e4e8; --vscode-tab-unfocusedActiveForeground:rgba(51, 51, 51, 0.7); --vscode-tab-unfocusedActiveModifiedBorder:rgba(51, 170, 238, 0.7); --vscode-tab-unfocusedHoverBackground:#ffffff; --vscode-tab-unfocusedInactiveForeground:rgba(51, 51, 51, 0.35); --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:#00bc00; --vscode-terminal-ansiMagenta:#bc05bc; --vscode-terminal-ansiRed:#cd3131; --vscode-terminal-ansiWhite:#555555; --vscode-terminal-ansiYellow:#949800; --vscode-terminal-border:rgba(128, 128, 128, 0.35); --vscode-terminal-foreground:#f5f5f5; --vscode-terminal-selectionBackground:rgba(0, 0, 0, 0.25); --vscode-textBlockQuote-background:rgba(127, 127, 127, 0.1); --vscode-textBlockQuote-border:rgba(0, 122, 204, 0.5); --vscode-textCodeBlock-background:rgba(220, 220, 220, 0.4); --vscode-textLink-activeForeground:#006ab1; --vscode-textLink-foreground:#006ab1; --vscode-textPreformat-foreground:#a31515; --vscode-textSeparator-foreground:rgba(0, 0, 0, 0.18); --vscode-titleBar-activeBackground:#dddddd; --vscode-titleBar-activeForeground:#333333; --vscode-titleBar-border:#e1e4e8; --vscode-titleBar-inactiveBackground:rgba(221, 221, 221, 0.6); --vscode-titleBar-inactiveForeground:rgba(51, 51, 51, 0.6); --vscode-tree-indentGuidesStroke:#a9a9a9; --vscode-welcomePage-buttonBackground:#f6f8fa; --vscode-welcomePage-buttonHoverBackground:#e1e4e8; --vscode-widget-shadow:#a8a8a8; --vscode-terminal-background:#012456;">
Styles from step 4 (notice style at the end remains from step 3):
<html lang="en" style="--vscode-activityBar-activeBorder:#f9826c; --vscode-activityBar-background:#ffffff; --vscode-activityBar-border:#e1e4e8; --vscode-activityBar-dropBackground:rgba(255, 255, 255, 0.12); --vscode-activityBar-foreground:#24292e; --vscode-activityBar-inactiveForeground:#959da5; --vscode-activityBarBadge-background:#2188ff; --vscode-activityBarBadge-foreground:#ffffff; --vscode-badge-background:#dbedff; --vscode-badge-foreground:#005cc5; --vscode-breadcrumb-activeSelectionForeground:#586069; --vscode-breadcrumb-background:#ffffff; --vscode-breadcrumb-focusForeground:#24292e; --vscode-breadcrumb-foreground:#6a737d; --vscode-breadcrumbPicker-background:#fafbfc; --vscode-button-background:#159739; --vscode-button-foreground:#ffffff; --vscode-button-hoverBackground:#138934; --vscode-checkbox-background:#fafbfc; --vscode-checkbox-border:#d1d5da; --vscode-checkbox-foreground:#24292e; --vscode-debugExceptionWidget-background:#f1dfde; --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:#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-debugToolBar-background:#ffffff; --vscode-descriptionForeground:#6a737d; --vscode-diffEditor-insertedTextBackground:rgba(52, 208, 88, 0.13); --vscode-diffEditor-removedTextBackground:rgba(215, 58, 73, 0.13); --vscode-dropdown-background:#fafbfc; --vscode-dropdown-border:#e1e4e8; --vscode-dropdown-foreground:#24292e; --vscode-dropdown-listBackground:#ffffff; --vscode-editor-background:#ffffff; --vscode-editor-findMatchBackground:#ffdf5d; --vscode-editor-findMatchHighlightBackground:rgba(255, 223, 93, 0.4); --vscode-editor-findRangeHighlightBackground:rgba(180, 180, 180, 0.3); --vscode-editor-focusedStackFrameHighlightBackground:#fff5b1; --vscode-editor-foldBackground:#fafbfc; --vscode-editor-font-family:Consolas, "Courier New", monospace; --vscode-editor-font-size:14px; --vscode-editor-font-weight:normal; --vscode-editor-foreground:#24292e; --vscode-editor-hoverHighlightBackground:rgba(173, 214, 255, 0.15); --vscode-editor-inactiveSelectionBackground:rgba(3, 102, 214, 0.07); --vscode-editor-lineHighlightBackground:#f6f8fa; --vscode-editor-lineHighlightBorder:#eeeeee; --vscode-editor-rangeHighlightBackground:rgba(253, 255, 0, 0.2); --vscode-editor-selectionBackground:rgba(3, 102, 214, 0.14); --vscode-editor-selectionHighlightBackground:rgba(21, 128, 252, 0.09); --vscode-editor-snippetFinalTabstopHighlightBorder:rgba(10, 50, 100, 0.5); --vscode-editor-snippetTabstopHighlightBackground:rgba(10, 50, 100, 0.2); --vscode-editor-stackFrameHighlightBackground:#fffbdd; --vscode-editor-symbolHighlightBackground:rgba(255, 223, 93, 0.4); --vscode-editor-wordHighlightBackground:rgba(3, 102, 214, 0.13); --vscode-editor-wordHighlightStrongBackground:rgba(14, 99, 156, 0.25); --vscode-editorActiveLineNumber-foreground:#0b216f; --vscode-editorBracketMatch-background:#c8e1ff; --vscode-editorBracketMatch-border:#c8e1ff; --vscode-editorCodeLens-foreground:#999999; --vscode-editorCursor-foreground:#044289; --vscode-editorError-foreground:#e51400; --vscode-editorGroup-border:#e1e4e8; --vscode-editorGroup-dropBackground:rgba(38, 119, 203, 0.18); --vscode-editorGroupHeader-noTabsBackground:#ffffff; --vscode-editorGroupHeader-tabsBackground:#f6f8fa; --vscode-editorGroupHeader-tabsBorder:#e1e4e8; --vscode-editorGutter-addedBackground:#28a745; --vscode-editorGutter-background:#ffffff; --vscode-editorGutter-commentRangeForeground:#c5c5c5; --vscode-editorGutter-deletedBackground:#d73a49; --vscode-editorGutter-modifiedBackground:#2188ff; --vscode-editorHint-foreground:#6c6c6c; --vscode-editorHoverWidget-background:#f3f3f3; --vscode-editorHoverWidget-border:#c8c8c8; --vscode-editorHoverWidget-foreground:#444d56; --vscode-editorHoverWidget-statusBarBackground:#e7e7e7; --vscode-editorIndentGuide-activeBackground:#d7dbe0; --vscode-editorIndentGuide-background:#eff2f6; --vscode-editorInfo-foreground:#75beff; --vscode-editorLightBulb-foreground:#ddb100; --vscode-editorLightBulbAutoFix-foreground:#007acc; --vscode-editorLineNumber-activeForeground:#24292e; --vscode-editorLineNumber-foreground:rgba(27, 31, 35, 0.3); --vscode-editorLink-activeForeground:#0000ff; --vscode-editorMarkerNavigation-background:#ffffff; --vscode-editorMarkerNavigationError-background:#e51400; --vscode-editorMarkerNavigationInfo-background:#75beff; --vscode-editorMarkerNavigationWarning-background:#e9a700; --vscode-editorOverviewRuler-addedForeground:rgba(40, 167, 69, 0.6); --vscode-editorOverviewRuler-border:#ffffff; --vscode-editorOverviewRuler-bracketMatchForeground:#a0a0a0; --vscode-editorOverviewRuler-commonContentForeground:rgba(96, 96, 96, 0.4); --vscode-editorOverviewRuler-currentContentForeground:rgba(64, 200, 174, 0.5); --vscode-editorOverviewRuler-deletedForeground:rgba(215, 58, 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:#75beff; --vscode-editorOverviewRuler-modifiedForeground:rgba(33, 136, 255, 0.6); --vscode-editorOverviewRuler-rangeHighlightForeground:rgba(0, 122, 204, 0.6); --vscode-editorOverviewRuler-selectionHighlightForeground:rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-warningForeground:#e9a700; --vscode-editorOverviewRuler-wordHighlightForeground:rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-wordHighlightStrongForeground:rgba(192, 160, 192, 0.8); --vscode-editorPane-background:#ffffff; --vscode-editorRuler-foreground:#d3d3d3; --vscode-editorSuggestWidget-background:#f3f3f3; --vscode-editorSuggestWidget-border:#c8c8c8; --vscode-editorSuggestWidget-foreground:#24292e; --vscode-editorSuggestWidget-highlightForeground:#0066bf; --vscode-editorSuggestWidget-selectedBackground:#d6ebff; --vscode-editorUnnecessaryCode-opacity:rgba(0, 0, 0, 0.47); --vscode-editorWarning-foreground:#e9a700; --vscode-editorWhitespace-foreground:#d1d5da; --vscode-editorWidget-background:#f3f3f3; --vscode-editorWidget-border:#c8c8c8; --vscode-editorWidget-foreground:#444d56; --vscode-errorForeground:#cb2431; --vscode-extensionBadge-remoteBackground:#2188ff; --vscode-extensionBadge-remoteForeground:#ffffff; --vscode-extensionButton-prominentBackground:#327e36; --vscode-extensionButton-prominentForeground:#ffffff; --vscode-extensionButton-prominentHoverBackground:#28632b; --vscode-focusBorder:#2188ff; --vscode-font-family:-apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "Ubuntu", "Droid Sans", sans-serif; --vscode-font-size:13px; --vscode-font-weight:normal; --vscode-foreground:#444d56; --vscode-gitDecoration-addedResourceForeground:#28a745; --vscode-gitDecoration-conflictingResourceForeground:#e36209; --vscode-gitDecoration-deletedResourceForeground:#d73a49; --vscode-gitDecoration-ignoredResourceForeground:#959da5; --vscode-gitDecoration-modifiedResourceForeground:#005cc5; --vscode-gitDecoration-submoduleResourceForeground:#959da5; --vscode-gitDecoration-untrackedResourceForeground:#28a745; --vscode-icon-foreground:#424242; --vscode-imagePreview-border:rgba(128, 128, 128, 0.35); --vscode-input-background:#fafbfc; --vscode-input-border:#e1e4e8; --vscode-input-foreground:#24292e; --vscode-input-placeholderForeground:#959da5; --vscode-inputOption-activeBackground:rgba(33, 136, 255, 0.3); --vscode-inputOption-activeBorder:rgba(0, 122, 204, 0); --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-list-activeSelectionBackground:#e2e5e9; --vscode-list-activeSelectionForeground:#24292e; --vscode-list-deemphasizedForeground:#8e8e90; --vscode-list-dropBackground:#d6ebff; --vscode-list-errorForeground:#b01011; --vscode-list-filterMatchBackground:rgba(255, 223, 93, 0.4); --vscode-list-focusBackground:#d6ebff; --vscode-list-highlightForeground:#0066bf; --vscode-list-hoverBackground:#ebf0f4; --vscode-list-hoverForeground:#24292e; --vscode-list-inactiveSelectionBackground:#e8eaed; --vscode-list-inactiveSelectionForeground:#24292e; --vscode-list-invalidItemForeground:#b89500; --vscode-list-warningForeground:#855f00; --vscode-listFilterWidget-background:#efc1ad; --vscode-listFilterWidget-noMatchesOutline:#be1100; --vscode-listFilterWidget-outline:rgba(0, 0, 0, 0); --vscode-menu-background:#fafbfc; --vscode-menu-foreground:#444d56; --vscode-menu-selectionBackground:#e2e5e9; --vscode-menu-selectionForeground:#24292e; --vscode-menu-separatorBackground:#888888; --vscode-menubar-selectionBackground:rgba(0, 0, 0, 0.1); --vscode-menubar-selectionForeground:#24292e; --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-minimap-errorHighlight:rgba(255, 18, 18, 0.7); --vscode-minimap-findMatchHighlight:#d18616; --vscode-minimap-selectionHighlight:#add6ff; --vscode-minimap-warningHighlight:#e9a700; --vscode-minimapGutter-addedBackground:#81b88b; --vscode-minimapGutter-deletedBackground:#ca4b51; --vscode-minimapGutter-modifiedBackground:#66afe0; --vscode-minimapSlider-activeBackground:rgba(149, 157, 165, 0.27); --vscode-minimapSlider-background:rgba(149, 157, 165, 0.1); --vscode-minimapSlider-hoverBackground:rgba(149, 157, 165, 0.13); --vscode-notebook-cellToolbarSeperator:rgba(128, 128, 128, 0.35); --vscode-notebook-focusedCellIndicator:#66afe0; --vscode-notebook-outputContainerBackgroundColor:#e4e6f1; --vscode-notificationCenterHeader-background:#fafbfc; --vscode-notificationLink-foreground:#0366d6; --vscode-notifications-background:#f3f3f3; --vscode-notifications-border:#fafbfc; --vscode-notifications-foreground:#444d56; --vscode-notificationsErrorIcon-foreground:#e51400; --vscode-notificationsInfoIcon-foreground:#75beff; --vscode-notificationsWarningIcon-foreground:#e9a700; --vscode-panel-background:#f6f8fa; --vscode-panel-border:#e1e4e8; --vscode-panel-dropBackground:rgba(38, 119, 203, 0.18); --vscode-panelInput-border:#e1e4e8; --vscode-panelTitle-activeBorder:#f9826c; --vscode-panelTitle-activeForeground:#24292e; --vscode-panelTitle-inactiveForeground:#6a737d; --vscode-peekView-border:#007acc; --vscode-peekViewEditor-background:#f2f8fc; --vscode-peekViewEditor-matchHighlightBackground:rgba(245, 216, 2, 0.87); --vscode-peekViewEditorGutter-background:#f2f8fc; --vscode-peekViewResult-background:#f3f3f3; --vscode-peekViewResult-fileForeground:#1e1e1e; --vscode-peekViewResult-lineForeground:#646465; --vscode-peekViewResult-matchHighlightBackground:rgba(234, 92, 0, 0.3); --vscode-peekViewResult-selectionBackground:rgba(51, 153, 255, 0.2); --vscode-peekViewResult-selectionForeground:#6c6c6c; --vscode-peekViewTitle-background:#ffffff; --vscode-peekViewTitleDescription-foreground:rgba(97, 97, 97, 0.9); --vscode-peekViewTitleLabel-foreground:#333333; --vscode-pickerGroup-border:#e1e4e8; --vscode-pickerGroup-foreground:#24292e; --vscode-problemsErrorIcon-foreground:#e51400; --vscode-problemsInfoIcon-foreground:#75beff; --vscode-problemsWarningIcon-foreground:#e9a700; --vscode-progressBar-background:#2188ff; --vscode-quickInput-background:#fafbfc; --vscode-quickInput-foreground:#24292e; --vscode-quickInputTitle-background:rgba(0, 0, 0, 0.06); --vscode-scrollbar-shadow:rgba(106, 115, 125, 0.2); --vscode-scrollbarSlider-activeBackground:rgba(149, 157, 165, 0.53); --vscode-scrollbarSlider-background:rgba(149, 157, 165, 0.2); --vscode-scrollbarSlider-hoverBackground:rgba(149, 157, 165, 0.27); --vscode-searchEditor-findMatchBackground:rgba(255, 223, 93, 0.26); --vscode-searchEditor-textInputBorder:#e1e4e8; --vscode-settings-checkboxBackground:#fafbfc; --vscode-settings-checkboxBorder:#d1d5da; --vscode-settings-checkboxForeground:#24292e; --vscode-settings-dropdownBackground:#fafbfc; --vscode-settings-dropdownBorder:#e1e4e8; --vscode-settings-dropdownForeground:#24292e; --vscode-settings-dropdownListBorder:#c8c8c8; --vscode-settings-headerForeground:#24292e; --vscode-settings-modifiedItemIndicator:#2188ff; --vscode-settings-numberInputBackground:#fafbfc; --vscode-settings-numberInputBorder:#e1e4e8; --vscode-settings-numberInputForeground:#24292e; --vscode-settings-textInputBackground:#fafbfc; --vscode-settings-textInputBorder:#e1e4e8; --vscode-settings-textInputForeground:#24292e; --vscode-sideBar-background:#f6f8fa; --vscode-sideBar-border:#e1e4e8; --vscode-sideBar-dropBackground:rgba(0, 0, 0, 0.1); --vscode-sideBar-foreground:#444d56; --vscode-sideBarSectionHeader-background:#f6f8fa; --vscode-sideBarSectionHeader-border:#e1e4e8; --vscode-sideBarSectionHeader-foreground:#24292e; --vscode-sideBarTitle-foreground:#24292e; --vscode-statusBar-background:#ffffff; --vscode-statusBar-border:#e1e4e8; --vscode-statusBar-debuggingBackground:#f9826c; --vscode-statusBar-debuggingBorder:#e1e4e8; --vscode-statusBar-debuggingForeground:#ffffff; --vscode-statusBar-foreground:#586069; --vscode-statusBar-noFolderBackground:#ffffff; --vscode-statusBar-noFolderBorder:#e1e4e8; --vscode-statusBar-noFolderForeground:#586069; --vscode-statusBarItem-activeBackground:rgba(255, 255, 255, 0.18); --vscode-statusBarItem-hoverBackground:rgba(255, 255, 255, 0.12); --vscode-statusBarItem-prominentBackground:rgba(0, 0, 0, 0.5); --vscode-statusBarItem-prominentForeground:#586069; --vscode-statusBarItem-prominentHoverBackground:rgba(0, 0, 0, 0.3); --vscode-statusBarItem-remoteBackground:#2188ff; --vscode-statusBarItem-remoteForeground:#ffffff; --vscode-symbolIcon-arrayForeground:#444d56; --vscode-symbolIcon-booleanForeground:#444d56; --vscode-symbolIcon-classForeground:#d67e00; --vscode-symbolIcon-colorForeground:#444d56; --vscode-symbolIcon-constantForeground:#444d56; --vscode-symbolIcon-constructorForeground:#652d90; --vscode-symbolIcon-enumeratorForeground:#d67e00; --vscode-symbolIcon-enumeratorMemberForeground:#007acc; --vscode-symbolIcon-eventForeground:#d67e00; --vscode-symbolIcon-fieldForeground:#007acc; --vscode-symbolIcon-fileForeground:#444d56; --vscode-symbolIcon-folderForeground:#444d56; --vscode-symbolIcon-functionForeground:#652d90; --vscode-symbolIcon-interfaceForeground:#007acc; --vscode-symbolIcon-keyForeground:#444d56; --vscode-symbolIcon-keywordForeground:#444d56; --vscode-symbolIcon-methodForeground:#652d90; --vscode-symbolIcon-moduleForeground:#444d56; --vscode-symbolIcon-namespaceForeground:#444d56; --vscode-symbolIcon-nullForeground:#444d56; --vscode-symbolIcon-numberForeground:#444d56; --vscode-symbolIcon-objectForeground:#444d56; --vscode-symbolIcon-operatorForeground:#444d56; --vscode-symbolIcon-packageForeground:#444d56; --vscode-symbolIcon-propertyForeground:#444d56; --vscode-symbolIcon-referenceForeground:#444d56; --vscode-symbolIcon-snippetForeground:#444d56; --vscode-symbolIcon-stringForeground:#444d56; --vscode-symbolIcon-structForeground:#444d56; --vscode-symbolIcon-textForeground:#444d56; --vscode-symbolIcon-typeParameterForeground:#444d56; --vscode-symbolIcon-unitForeground:#444d56; --vscode-symbolIcon-variableForeground:#007acc; --vscode-tab-activeBackground:#ffffff; --vscode-tab-activeBorder:#ffffff; --vscode-tab-activeBorderTop:#f9826c; --vscode-tab-activeForeground:#24292e; --vscode-tab-activeModifiedBorder:#33aaee; --vscode-tab-border:#e1e4e8; --vscode-tab-hoverBackground:#ffffff; --vscode-tab-inactiveBackground:#f6f8fa; --vscode-tab-inactiveForeground:#6a737d; --vscode-tab-inactiveModifiedBorder:rgba(51, 170, 238, 0.5); --vscode-tab-unfocusedActiveBackground:#ffffff; --vscode-tab-unfocusedActiveBorder:#ffffff; --vscode-tab-unfocusedActiveBorderTop:#e1e4e8; --vscode-tab-unfocusedActiveForeground:rgba(36, 41, 46, 0.7); --vscode-tab-unfocusedActiveModifiedBorder:rgba(51, 170, 238, 0.7); --vscode-tab-unfocusedHoverBackground:#ffffff; --vscode-tab-unfocusedInactiveForeground:rgba(106, 115, 125, 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:#00bc00; --vscode-terminal-ansiMagenta:#bc05bc; --vscode-terminal-ansiRed:#cd3131; --vscode-terminal-ansiWhite:#555555; --vscode-terminal-ansiYellow:#949800; --vscode-terminal-border:#e1e4e8; --vscode-terminal-foreground:#586069; --vscode-terminal-selectionBackground:rgba(0, 0, 0, 0.25); --vscode-textBlockQuote-background:#fafbfc; --vscode-textBlockQuote-border:#e1e4e8; --vscode-textCodeBlock-background:#f6f8fa; --vscode-textLink-activeForeground:#005cc5; --vscode-textLink-foreground:#0366d6; --vscode-textPreformat-foreground:#586069; --vscode-textSeparator-foreground:#d1d5da; --vscode-titleBar-activeBackground:#ffffff; --vscode-titleBar-activeForeground:#24292e; --vscode-titleBar-border:#e1e4e8; --vscode-titleBar-inactiveBackground:#f6f8fa; --vscode-titleBar-inactiveForeground:#6a737d; --vscode-tree-indentGuidesStroke:#e1e4e8; --vscode-welcomePage-buttonBackground:#f6f8fa; --vscode-welcomePage-buttonHoverBackground:#e1e4e8; --vscode-widget-shadow:#a8a8a8; --vscode-terminal-background:#012456;">
This problem manifests in the VS Online creation log terminals being stuck on the PowerShell ISE blue terminal color after switching back to other themes (until the webview is reloaded).
Step 2:
Step 3:
Step 4:
