@codingame/monaco-vscode-api 3.2.3 → 4.1.0

package/vscode/src/vs/platform/theme/common/colors/inputColors.js

@@ -0,0 +1,196 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { Color, RGBA } from '../../../../base/common/color.js';
+import { registerColor, transparent, lighten, darken } from '../colorUtils.js';
+import { foreground, contrastBorder, iconForeground, focusBorder } from './baseColors.js';
+import { editorWidgetBackground } from './editorColors.js';
+const inputBackground = registerColor('input.background', { dark: '#3C3C3C', light: Color.white, hcDark: Color.black, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputBoxBackground',
+ "Input box background."
+)));
+const inputForeground = registerColor('input.foreground', { dark: foreground, light: foreground, hcDark: foreground, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputBoxForeground',
+ "Input box foreground."
+)));
+const inputBorder = registerColor('input.border', { dark: null, light: null, hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputBoxBorder',
+ "Input box border."
+)));
+const inputActiveOptionBorder = registerColor('inputOption.activeBorder', { dark: '#007ACC', light: '#007ACC', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputBoxActiveOptionBorder',
+ "Border color of activated options in input fields."
+)));
+registerColor('inputOption.hoverBackground', { dark: '#5a5d5e80', light: '#b8b8b850', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputOption.hoverBackground',
+ "Background color of activated options in input fields."
+)));
+const inputActiveOptionBackground = registerColor('inputOption.activeBackground', { dark: ( transparent(focusBorder, 0.4)), light: ( transparent(focusBorder, 0.2)), hcDark: Color.transparent, hcLight: Color.transparent }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputOption.activeBackground',
+ "Background hover color of options in input fields."
+)));
+const inputActiveOptionForeground = registerColor('inputOption.activeForeground', { dark: Color.white, light: Color.black, hcDark: foreground, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputOption.activeForeground',
+ "Foreground color of activated options in input fields."
+)));
+const inputPlaceholderForeground = registerColor('input.placeholderForeground', { light: ( transparent(foreground, 0.5)), dark: ( transparent(foreground, 0.5)), hcDark: ( transparent(foreground, 0.7)), hcLight: ( transparent(foreground, 0.7)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputPlaceholderForeground',
+ "Input box foreground color for placeholder text."
+)));
+const inputValidationInfoBackground = registerColor('inputValidation.infoBackground', { dark: '#063B49', light: '#D6ECF2', hcDark: Color.black, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationInfoBackground',
+ "Input validation background color for information severity."
+)));
+const inputValidationInfoForeground = registerColor('inputValidation.infoForeground', { dark: null, light: null, hcDark: null, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationInfoForeground',
+ "Input validation foreground color for information severity."
+)));
+const inputValidationInfoBorder = registerColor('inputValidation.infoBorder', { dark: '#007acc', light: '#007acc', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationInfoBorder',
+ "Input validation border color for information severity."
+)));
+const inputValidationWarningBackground = registerColor('inputValidation.warningBackground', { dark: '#352A05', light: '#F6F5D2', hcDark: Color.black, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationWarningBackground',
+ "Input validation background color for warning severity."
+)));
+const inputValidationWarningForeground = registerColor('inputValidation.warningForeground', { dark: null, light: null, hcDark: null, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationWarningForeground',
+ "Input validation foreground color for warning severity."
+)));
+const inputValidationWarningBorder = registerColor('inputValidation.warningBorder', { dark: '#B89500', light: '#B89500', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationWarningBorder',
+ "Input validation border color for warning severity."
+)));
+const inputValidationErrorBackground = registerColor('inputValidation.errorBackground', { dark: '#5A1D1D', light: '#F2DEDE', hcDark: Color.black, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationErrorBackground',
+ "Input validation background color for error severity."
+)));
+const inputValidationErrorForeground = registerColor('inputValidation.errorForeground', { dark: null, light: null, hcDark: null, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationErrorForeground',
+ "Input validation foreground color for error severity."
+)));
+const inputValidationErrorBorder = registerColor('inputValidation.errorBorder', { dark: '#BE1100', light: '#BE1100', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'inputValidationErrorBorder',
+ "Input validation border color for error severity."
+)));
+const selectBackground = registerColor('dropdown.background', { dark: '#3C3C3C', light: Color.white, hcDark: Color.black, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'dropdownBackground',
+ "Dropdown background."
+)));
+const selectListBackground = registerColor('dropdown.listBackground', { dark: null, light: null, hcDark: Color.black, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'dropdownListBackground',
+ "Dropdown list background."
+)));
+const selectForeground = registerColor('dropdown.foreground', { dark: '#F0F0F0', light: foreground, hcDark: Color.white, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'dropdownForeground',
+ "Dropdown foreground."
+)));
+const selectBorder = registerColor('dropdown.border', { dark: selectBackground, light: '#CECECE', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'dropdownBorder',
+ "Dropdown border."
+)));
+const buttonForeground = registerColor('button.foreground', { dark: Color.white, light: Color.white, hcDark: Color.white, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonForeground',
+ "Button foreground color."
+)));
+const buttonSeparator = registerColor('button.separator', { dark: ( transparent(buttonForeground, .4)), light: ( transparent(buttonForeground, .4)), hcDark: ( transparent(buttonForeground, .4)), hcLight: ( transparent(buttonForeground, .4)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonSeparator',
+ "Button separator color."
+)));
+const buttonBackground = registerColor('button.background', { dark: '#0E639C', light: '#007ACC', hcDark: null, hcLight: '#0F4A85' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonBackground',
+ "Button background color."
+)));
+const buttonHoverBackground = registerColor('button.hoverBackground', { dark: ( lighten(buttonBackground, 0.2)), light: ( darken(buttonBackground, 0.2)), hcDark: buttonBackground, hcLight: buttonBackground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonHoverBackground',
+ "Button background color when hovering."
+)));
+const buttonBorder = registerColor('button.border', { dark: contrastBorder, light: contrastBorder, hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonBorder',
+ "Button border color."
+)));
+const buttonSecondaryForeground = registerColor('button.secondaryForeground', { dark: Color.white, light: Color.white, hcDark: Color.white, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonSecondaryForeground',
+ "Secondary button foreground color."
+)));
+const buttonSecondaryBackground = registerColor('button.secondaryBackground', { dark: '#3A3D41', light: '#5F6A79', hcDark: null, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonSecondaryBackground',
+ "Secondary button background color."
+)));
+const buttonSecondaryHoverBackground = registerColor('button.secondaryHoverBackground', { dark: ( lighten(buttonSecondaryBackground, 0.2)), light: ( darken(buttonSecondaryBackground, 0.2)), hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'buttonSecondaryHoverBackground',
+ "Secondary button background color when hovering."
+)));
+const checkboxBackground = registerColor('checkbox.background', { dark: selectBackground, light: selectBackground, hcDark: selectBackground, hcLight: selectBackground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'checkbox.background',
+ "Background color of checkbox widget."
+)));
+registerColor('checkbox.selectBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: editorWidgetBackground, hcLight: editorWidgetBackground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'checkbox.select.background',
+ "Background color of checkbox widget when the element it's in is selected."
+)));
+const checkboxForeground = registerColor('checkbox.foreground', { dark: selectForeground, light: selectForeground, hcDark: selectForeground, hcLight: selectForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'checkbox.foreground',
+ "Foreground color of checkbox widget."
+)));
+const checkboxBorder = registerColor('checkbox.border', { dark: selectBorder, light: selectBorder, hcDark: selectBorder, hcLight: selectBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'checkbox.border',
+ "Border color of checkbox widget."
+)));
+registerColor('checkbox.selectBorder', { dark: iconForeground, light: iconForeground, hcDark: iconForeground, hcLight: iconForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'checkbox.select.border',
+ "Border color of checkbox widget when the element it's in is selected."
+)));
+const keybindingLabelBackground = registerColor('keybindingLabel.background', { dark: ( new Color(( new RGBA(128, 128, 128, 0.17)))), light: ( new Color(( new RGBA(221, 221, 221, 0.4)))), hcDark: Color.transparent, hcLight: Color.transparent }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'keybindingLabelBackground',
+ "Keybinding label background color. The keybinding label is used to represent a keyboard shortcut."
+)));
+const keybindingLabelForeground = registerColor('keybindingLabel.foreground', { dark: ( Color.fromHex('#CCCCCC')), light: ( Color.fromHex('#555555')), hcDark: Color.white, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'keybindingLabelForeground',
+ "Keybinding label foreground color. The keybinding label is used to represent a keyboard shortcut."
+)));
+const keybindingLabelBorder = registerColor('keybindingLabel.border', { dark: ( new Color(( new RGBA(51, 51, 51, 0.6)))), light: ( new Color(( new RGBA(204, 204, 204, 0.4)))), hcDark: ( new Color(( new RGBA(111, 195, 223)))), hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'keybindingLabelBorder',
+ "Keybinding label border color. The keybinding label is used to represent a keyboard shortcut."
+)));
+const keybindingLabelBottomBorder = registerColor('keybindingLabel.bottomBorder', { dark: ( new Color(( new RGBA(68, 68, 68, 0.6)))), light: ( new Color(( new RGBA(187, 187, 187, 0.4)))), hcDark: ( new Color(( new RGBA(111, 195, 223)))), hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/inputColors',
+ 'keybindingLabelBottomBorder',
+ "Keybinding label border bottom color. The keybinding label is used to represent a keyboard shortcut."
+)));
+export { buttonBackground, buttonBorder, buttonForeground, buttonHoverBackground, buttonSecondaryBackground, buttonSecondaryForeground, buttonSecondaryHoverBackground, buttonSeparator, checkboxBackground, checkboxBorder, checkboxForeground, inputActiveOptionBackground, inputActiveOptionBorder, inputActiveOptionForeground, inputBackground, inputBorder, inputForeground, inputPlaceholderForeground, inputValidationErrorBackground, inputValidationErrorBorder, inputValidationErrorForeground, inputValidationInfoBackground, inputValidationInfoBorder, inputValidationInfoForeground, inputValidationWarningBackground, inputValidationWarningBorder, inputValidationWarningForeground, keybindingLabelBackground, keybindingLabelBorder, keybindingLabelBottomBorder, keybindingLabelForeground, selectBackground, selectBorder, selectForeground, selectListBackground };

package/vscode/src/vs/platform/theme/common/colors/listColors.js

@@ -0,0 +1,166 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { Color } from '../../../../base/common/color.js';
+import { registerColor, ifDefinedThenElse, darken, lighten, transparent } from '../colorUtils.js';
+import { focusBorder, activeContrastBorder, iconForeground, contrastBorder, foreground } from './baseColors.js';
+import { editorWidgetBackground, widgetShadow, editorFindMatchHighlight, editorFindMatchHighlightBorder } from './editorColors.js';
+const listFocusBackground = registerColor('list.focusBackground', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFocusBackground',
+ "List/Tree background color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listFocusForeground = registerColor('list.focusForeground', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFocusForeground',
+ "List/Tree foreground color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listFocusOutline = registerColor('list.focusOutline', { dark: focusBorder, light: focusBorder, hcDark: activeContrastBorder, hcLight: activeContrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFocusOutline',
+ "List/Tree outline color for the focused item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listFocusAndSelectionOutline = registerColor('list.focusAndSelectionOutline', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFocusAndSelectionOutline',
+ "List/Tree outline color for the focused item when the list/tree is active and selected. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listActiveSelectionBackground = registerColor('list.activeSelectionBackground', { dark: '#04395E', light: '#0060C0', hcDark: null, hcLight: ( ( Color.fromHex('#0F4A85')).transparent(0.1)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listActiveSelectionBackground',
+ "List/Tree background color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listActiveSelectionForeground = registerColor('list.activeSelectionForeground', { dark: Color.white, light: Color.white, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listActiveSelectionForeground',
+ "List/Tree foreground color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listActiveSelectionIconForeground = registerColor('list.activeSelectionIconForeground', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listActiveSelectionIconForeground',
+ "List/Tree icon foreground color for the selected item when the list/tree is active. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listInactiveSelectionBackground = registerColor('list.inactiveSelectionBackground', { dark: '#37373D', light: '#E4E6F1', hcDark: null, hcLight: ( ( Color.fromHex('#0F4A85')).transparent(0.1)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listInactiveSelectionBackground',
+ "List/Tree background color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listInactiveSelectionForeground = registerColor('list.inactiveSelectionForeground', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listInactiveSelectionForeground',
+ "List/Tree foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listInactiveSelectionIconForeground = registerColor('list.inactiveSelectionIconForeground', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listInactiveSelectionIconForeground',
+ "List/Tree icon foreground color for the selected item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listInactiveFocusBackground = registerColor('list.inactiveFocusBackground', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listInactiveFocusBackground',
+ "List/Tree background color for the focused item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listInactiveFocusOutline = registerColor('list.inactiveFocusOutline', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listInactiveFocusOutline',
+ "List/Tree outline color for the focused item when the list/tree is inactive. An active list/tree has keyboard focus, an inactive does not."
+)));
+const listHoverBackground = registerColor('list.hoverBackground', { dark: '#2A2D2E', light: '#F0F0F0', hcDark: ( Color.white.transparent(0.1)), hcLight: ( ( Color.fromHex('#0F4A85')).transparent(0.1)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listHoverBackground',
+ "List/Tree background when hovering over items using the mouse."
+)));
+const listHoverForeground = registerColor('list.hoverForeground', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listHoverForeground',
+ "List/Tree foreground when hovering over items using the mouse."
+)));
+const listDropOverBackground = registerColor('list.dropBackground', { dark: '#062F4A', light: '#D6EBFF', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listDropBackground',
+ "List/Tree drag and drop background when moving items over other items when using the mouse."
+)));
+const listDropBetweenBackground = registerColor('list.dropBetweenBackground', { dark: iconForeground, light: iconForeground, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listDropBetweenBackground',
+ "List/Tree drag and drop border color when moving items between items when using the mouse."
+)));
+const listHighlightForeground = registerColor('list.highlightForeground', { dark: '#2AAAFF', light: '#0066BF', hcDark: focusBorder, hcLight: focusBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'highlight',
+ 'List/Tree foreground color of the match highlights when searching inside the list/tree.'
+)));
+const listFocusHighlightForeground = registerColor('list.focusHighlightForeground', { dark: listHighlightForeground, light: ifDefinedThenElse(listActiveSelectionBackground, listHighlightForeground, '#BBE7FF'), hcDark: listHighlightForeground, hcLight: listHighlightForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFocusHighlightForeground',
+ 'List/Tree foreground color of the match highlights on actively focused items when searching inside the list/tree.'
+)));
+const listInvalidItemForeground = registerColor('list.invalidItemForeground', { dark: '#B89500', light: '#B89500', hcDark: '#B89500', hcLight: '#B5200D' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'invalidItemForeground',
+ 'List/Tree foreground color for invalid items, for example an unresolved root in explorer.'
+)));
+const listErrorForeground = registerColor('list.errorForeground', { dark: '#F88070', light: '#B01011', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listErrorForeground',
+ 'Foreground color of list items containing errors.'
+)));
+const listWarningForeground = registerColor('list.warningForeground', { dark: '#CCA700', light: '#855F00', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listWarningForeground',
+ 'Foreground color of list items containing warnings.'
+)));
+const listFilterWidgetBackground = registerColor('listFilterWidget.background', { light: ( darken(editorWidgetBackground, 0)), dark: ( lighten(editorWidgetBackground, 0)), hcDark: editorWidgetBackground, hcLight: editorWidgetBackground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFilterWidgetBackground',
+ 'Background color of the type filter widget in lists and trees.'
+)));
+const listFilterWidgetOutline = registerColor('listFilterWidget.outline', { dark: Color.transparent, light: Color.transparent, hcDark: '#f38518', hcLight: '#007ACC' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFilterWidgetOutline',
+ 'Outline color of the type filter widget in lists and trees.'
+)));
+const listFilterWidgetNoMatchesOutline = registerColor('listFilterWidget.noMatchesOutline', { dark: '#BE1100', light: '#BE1100', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFilterWidgetNoMatchesOutline',
+ 'Outline color of the type filter widget in lists and trees, when there are no matches.'
+)));
+const listFilterWidgetShadow = registerColor('listFilterWidget.shadow', { dark: widgetShadow, light: widgetShadow, hcDark: widgetShadow, hcLight: widgetShadow }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFilterWidgetShadow',
+ 'Shadow color of the type filter widget in lists and trees.'
+)));
+registerColor('list.filterMatchBackground', { dark: editorFindMatchHighlight, light: editorFindMatchHighlight, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFilterMatchHighlight',
+ 'Background color of the filtered match.'
+)));
+registerColor('list.filterMatchBorder', { dark: editorFindMatchHighlightBorder, light: editorFindMatchHighlightBorder, hcDark: contrastBorder, hcLight: activeContrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listFilterMatchHighlightBorder',
+ 'Border color of the filtered match.'
+)));
+const listDeemphasizedForeground = registerColor('list.deemphasizedForeground', { dark: '#8C8C8C', light: '#8E8E90', hcDark: '#A7A8A9', hcLight: '#666666' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'listDeemphasizedForeground',
+ "List/Tree foreground color for items that are deemphasized."
+)));
+const treeIndentGuidesStroke = registerColor('tree.indentGuidesStroke', { dark: '#585858', light: '#a9a9a9', hcDark: '#a9a9a9', hcLight: '#a5a5a5' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'treeIndentGuidesStroke',
+ "Tree stroke color for the indentation guides."
+)));
+const treeInactiveIndentGuidesStroke = registerColor('tree.inactiveIndentGuidesStroke', { dark: ( transparent(treeIndentGuidesStroke, 0.4)), light: ( transparent(treeIndentGuidesStroke, 0.4)), hcDark: ( transparent(treeIndentGuidesStroke, 0.4)), hcLight: ( transparent(treeIndentGuidesStroke, 0.4)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'treeInactiveIndentGuidesStroke',
+ "Tree stroke color for the indentation guides that are not active."
+)));
+const tableColumnsBorder = registerColor('tree.tableColumnsBorder', { dark: '#CCCCCC20', light: '#61616120', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'tableColumnsBorder',
+ "Table border color between columns."
+)));
+const tableOddRowsBackgroundColor = registerColor('tree.tableOddRowsBackground', { dark: ( transparent(foreground, 0.04)), light: ( transparent(foreground, 0.04)), hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/listColors',
+ 'tableOddRowsBackgroundColor',
+ "Background color for odd table rows."
+)));
+export { listActiveSelectionBackground, listActiveSelectionForeground, listActiveSelectionIconForeground, listDeemphasizedForeground, listDropBetweenBackground, listDropOverBackground, listErrorForeground, listFilterWidgetBackground, listFilterWidgetNoMatchesOutline, listFilterWidgetOutline, listFilterWidgetShadow, listFocusAndSelectionOutline, listFocusBackground, listFocusForeground, listFocusHighlightForeground, listFocusOutline, listHighlightForeground, listHoverBackground, listHoverForeground, listInactiveFocusBackground, listInactiveFocusOutline, listInactiveSelectionBackground, listInactiveSelectionForeground, listInactiveSelectionIconForeground, listInvalidItemForeground, listWarningForeground, tableColumnsBorder, tableOddRowsBackgroundColor, treeInactiveIndentGuidesStroke, treeIndentGuidesStroke };

package/vscode/src/vs/platform/theme/common/colors/menuColors.js

@@ -0,0 +1,41 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { registerColor } from '../colorUtils.js';
+import { contrastBorder, activeContrastBorder } from './baseColors.js';
+import { selectForeground, selectBackground } from './inputColors.js';
+import { listActiveSelectionForeground, listActiveSelectionBackground } from './listColors.js';
+const menuBorder = registerColor('menu.border', { dark: null, light: null, hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/menuColors',
+ 'menuBorder',
+ "Border color of menus."
+)));
+const menuForeground = registerColor('menu.foreground', { dark: selectForeground, light: selectForeground, hcDark: selectForeground, hcLight: selectForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/menuColors',
+ 'menuForeground',
+ "Foreground color of menu items."
+)));
+const menuBackground = registerColor('menu.background', { dark: selectBackground, light: selectBackground, hcDark: selectBackground, hcLight: selectBackground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/menuColors',
+ 'menuBackground',
+ "Background color of menu items."
+)));
+const menuSelectionForeground = registerColor('menu.selectionForeground', { dark: listActiveSelectionForeground, light: listActiveSelectionForeground, hcDark: listActiveSelectionForeground, hcLight: listActiveSelectionForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/menuColors',
+ 'menuSelectionForeground',
+ "Foreground color of the selected menu item in menus."
+)));
+const menuSelectionBackground = registerColor('menu.selectionBackground', { dark: listActiveSelectionBackground, light: listActiveSelectionBackground, hcDark: listActiveSelectionBackground, hcLight: listActiveSelectionBackground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/menuColors',
+ 'menuSelectionBackground',
+ "Background color of the selected menu item in menus."
+)));
+const menuSelectionBorder = registerColor('menu.selectionBorder', { dark: null, light: null, hcDark: activeContrastBorder, hcLight: activeContrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/menuColors',
+ 'menuSelectionBorder',
+ "Border color of the selected menu item in menus."
+)));
+const menuSeparatorBackground = registerColor('menu.separatorBackground', { dark: '#606060', light: '#D4D4D4', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/menuColors',
+ 'menuSeparatorBackground',
+ "Color of a separator menu item in menus."
+)));
+export { menuBackground, menuBorder, menuForeground, menuSelectionBackground, menuSelectionBorder, menuSelectionForeground, menuSeparatorBackground };

package/vscode/src/vs/platform/theme/common/colors/minimapColors.js

@@ -0,0 +1,61 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { Color, RGBA } from '../../../../base/common/color.js';
+import { registerColor, transparent } from '../colorUtils.js';
+import { editorInfoForeground, editorInfoBorder, editorWarningForeground, editorWarningBorder } from './editorColors.js';
+import { scrollbarSliderBackground, scrollbarSliderHoverBackground, scrollbarSliderActiveBackground } from './miscColors.js';
+const minimapFindMatch = registerColor('minimap.findMatchHighlight', { light: '#d18616', dark: '#d18616', hcDark: '#AB5A00', hcLight: '#0F4A85' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapFindMatchHighlight',
+ 'Minimap marker color for find matches.'
+)), true);
+const minimapSelectionOccurrenceHighlight = registerColor('minimap.selectionOccurrenceHighlight', { light: '#c9c9c9', dark: '#676767', hcDark: '#ffffff', hcLight: '#0F4A85' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapSelectionOccurrenceHighlight',
+ 'Minimap marker color for repeating editor selections.'
+)), true);
+const minimapSelection = registerColor('minimap.selectionHighlight', { light: '#ADD6FF', dark: '#264F78', hcDark: '#ffffff', hcLight: '#0F4A85' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapSelectionHighlight',
+ 'Minimap marker color for the editor selection.'
+)), true);
+const minimapInfo = registerColor('minimap.infoHighlight', { dark: editorInfoForeground, light: editorInfoForeground, hcDark: editorInfoBorder, hcLight: editorInfoBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapInfo',
+ 'Minimap marker color for infos.'
+)));
+const minimapWarning = registerColor('minimap.warningHighlight', { dark: editorWarningForeground, light: editorWarningForeground, hcDark: editorWarningBorder, hcLight: editorWarningBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'overviewRuleWarning',
+ 'Minimap marker color for warnings.'
+)));
+const minimapError = registerColor('minimap.errorHighlight', { dark: ( new Color(( new RGBA(255, 18, 18, 0.7)))), light: ( new Color(( new RGBA(255, 18, 18, 0.7)))), hcDark: ( new Color(( new RGBA(255, 50, 50, 1)))), hcLight: '#B5200D' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapError',
+ 'Minimap marker color for errors.'
+)));
+const minimapBackground = registerColor('minimap.background', { dark: null, light: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapBackground',
+ "Minimap background color."
+)));
+const minimapForegroundOpacity = registerColor('minimap.foregroundOpacity', { dark: ( Color.fromHex('#000f')), light: ( Color.fromHex('#000f')), hcDark: ( Color.fromHex('#000f')), hcLight: ( Color.fromHex('#000f')) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapForegroundOpacity',
+ 'Opacity of foreground elements rendered in the minimap. For example, "#000000c0" will render the elements with 75% opacity.'
+)));
+registerColor('minimapSlider.background', { light: ( transparent(scrollbarSliderBackground, 0.5)), dark: ( transparent(scrollbarSliderBackground, 0.5)), hcDark: ( transparent(scrollbarSliderBackground, 0.5)), hcLight: ( transparent(scrollbarSliderBackground, 0.5)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapSliderBackground',
+ "Minimap slider background color."
+)));
+registerColor('minimapSlider.hoverBackground', { light: ( transparent(scrollbarSliderHoverBackground, 0.5)), dark: ( transparent(scrollbarSliderHoverBackground, 0.5)), hcDark: ( transparent(scrollbarSliderHoverBackground, 0.5)), hcLight: ( transparent(scrollbarSliderHoverBackground, 0.5)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapSliderHoverBackground',
+ "Minimap slider background color when hovering."
+)));
+registerColor('minimapSlider.activeBackground', { light: ( transparent(scrollbarSliderActiveBackground, 0.5)), dark: ( transparent(scrollbarSliderActiveBackground, 0.5)), hcDark: ( transparent(scrollbarSliderActiveBackground, 0.5)), hcLight: ( transparent(scrollbarSliderActiveBackground, 0.5)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/minimapColors',
+ 'minimapSliderActiveBackground',
+ "Minimap slider background color when clicked on."
+)));
+export { minimapBackground, minimapError, minimapFindMatch, minimapForegroundOpacity, minimapInfo, minimapSelection, minimapSelectionOccurrenceHighlight, minimapWarning };

package/vscode/src/vs/platform/theme/common/colors/miscColors.js

@@ -0,0 +1,45 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { Color } from '../../../../base/common/color.js';
+import { registerColor, transparent } from '../colorUtils.js';
+import { focusBorder, contrastBorder } from './baseColors.js';
+registerColor('sash.hoverBorder', { dark: focusBorder, light: focusBorder, hcDark: focusBorder, hcLight: focusBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'sashActiveBorder',
+ "Border color of active sashes."
+)));
+const badgeBackground = registerColor('badge.background', { dark: '#4D4D4D', light: '#C4C4C4', hcDark: Color.black, hcLight: '#0F4A85' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'badgeBackground',
+ "Badge background color. Badges are small information labels, e.g. for search results count."
+)));
+const badgeForeground = registerColor('badge.foreground', { dark: Color.white, light: '#333', hcDark: Color.white, hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'badgeForeground',
+ "Badge foreground color. Badges are small information labels, e.g. for search results count."
+)));
+const scrollbarShadow = registerColor('scrollbar.shadow', { dark: '#000000', light: '#DDDDDD', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'scrollbarShadow',
+ "Scrollbar shadow to indicate that the view is scrolled."
+)));
+const scrollbarSliderBackground = registerColor('scrollbarSlider.background', { dark: ( ( Color.fromHex('#797979')).transparent(0.4)), light: ( ( Color.fromHex('#646464')).transparent(0.4)), hcDark: ( transparent(contrastBorder, 0.6)), hcLight: ( transparent(contrastBorder, 0.4)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'scrollbarSliderBackground',
+ "Scrollbar slider background color."
+)));
+const scrollbarSliderHoverBackground = registerColor('scrollbarSlider.hoverBackground', { dark: ( ( Color.fromHex('#646464')).transparent(0.7)), light: ( ( Color.fromHex('#646464')).transparent(0.7)), hcDark: ( transparent(contrastBorder, 0.8)), hcLight: ( transparent(contrastBorder, 0.8)) }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'scrollbarSliderHoverBackground',
+ "Scrollbar slider background color when hovering."
+)));
+const scrollbarSliderActiveBackground = registerColor('scrollbarSlider.activeBackground', { dark: ( ( Color.fromHex('#BFBFBF')).transparent(0.4)), light: ( ( Color.fromHex('#000000')).transparent(0.6)), hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'scrollbarSliderActiveBackground',
+ "Scrollbar slider background color when clicked on."
+)));
+const progressBarBackground = registerColor('progressBar.background', { dark: ( Color.fromHex('#0E70C0')), light: ( Color.fromHex('#0E70C0')), hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/miscColors',
+ 'progressBarBackground',
+ "Background color of the progress bar that can show for long running operations."
+)));
+export { badgeBackground, badgeForeground, progressBarBackground, scrollbarShadow, scrollbarSliderActiveBackground, scrollbarSliderBackground, scrollbarSliderHoverBackground };

package/vscode/src/vs/platform/theme/common/colors/quickpickColors.js

@@ -0,0 +1,51 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { Color, RGBA } from '../../../../base/common/color.js';
+import { registerColor, oneOf } from '../colorUtils.js';
+import { editorWidgetBackground, editorWidgetForeground } from './editorColors.js';
+import { listActiveSelectionForeground, listActiveSelectionIconForeground, listActiveSelectionBackground } from './listColors.js';
+const quickInputBackground = registerColor('quickInput.background', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: editorWidgetBackground, hcLight: editorWidgetBackground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'pickerBackground',
+ "Quick picker background color. The quick picker widget is the container for pickers like the command palette."
+)));
+const quickInputForeground = registerColor('quickInput.foreground', { dark: editorWidgetForeground, light: editorWidgetForeground, hcDark: editorWidgetForeground, hcLight: editorWidgetForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'pickerForeground',
+ "Quick picker foreground color. The quick picker widget is the container for pickers like the command palette."
+)));
+const quickInputTitleBackground = registerColor('quickInputTitle.background', { dark: ( new Color(( new RGBA(255, 255, 255, 0.105)))), light: ( new Color(( new RGBA(0, 0, 0, 0.06)))), hcDark: '#000000', hcLight: Color.white }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'pickerTitleBackground',
+ "Quick picker title background color. The quick picker widget is the container for pickers like the command palette."
+)));
+const pickerGroupForeground = registerColor('pickerGroup.foreground', { dark: '#3794FF', light: '#0066BF', hcDark: Color.white, hcLight: '#0F4A85' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'pickerGroupForeground',
+ "Quick picker color for grouping labels."
+)));
+const pickerGroupBorder = registerColor('pickerGroup.border', { dark: '#3F3F46', light: '#CCCEDB', hcDark: Color.white, hcLight: '#0F4A85' }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'pickerGroupBorder',
+ "Quick picker color for grouping borders."
+)));
+const _deprecatedQuickInputListFocusBackground = registerColor('quickInput.list.focusBackground', { dark: null, light: null, hcDark: null, hcLight: null }, '', undefined, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'quickInput.list.focusBackground deprecation',
+ "Please use quickInputList.focusBackground instead"
+)));
+const quickInputListFocusForeground = registerColor('quickInputList.focusForeground', { dark: listActiveSelectionForeground, light: listActiveSelectionForeground, hcDark: listActiveSelectionForeground, hcLight: listActiveSelectionForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'quickInput.listFocusForeground',
+ "Quick picker foreground color for the focused item."
+)));
+const quickInputListFocusIconForeground = registerColor('quickInputList.focusIconForeground', { dark: listActiveSelectionIconForeground, light: listActiveSelectionIconForeground, hcDark: listActiveSelectionIconForeground, hcLight: listActiveSelectionIconForeground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'quickInput.listFocusIconForeground',
+ "Quick picker icon foreground color for the focused item."
+)));
+const quickInputListFocusBackground = registerColor('quickInputList.focusBackground', { dark: oneOf(_deprecatedQuickInputListFocusBackground, listActiveSelectionBackground), light: oneOf(_deprecatedQuickInputListFocusBackground, listActiveSelectionBackground), hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/quickpickColors',
+ 'quickInput.listFocusBackground',
+ "Quick picker background color for the focused item."
+)));
+export { _deprecatedQuickInputListFocusBackground, pickerGroupBorder, pickerGroupForeground, quickInputBackground, quickInputForeground, quickInputListFocusBackground, quickInputListFocusForeground, quickInputListFocusIconForeground, quickInputTitleBackground };

package/vscode/src/vs/platform/theme/common/colors/searchColors.js

@@ -0,0 +1,19 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { registerColor, transparent } from '../colorUtils.js';
+import { foreground } from './baseColors.js';
+import { editorFindMatchHighlight, editorFindMatchHighlightBorder } from './editorColors.js';
+registerColor('search.resultsInfoForeground', { light: foreground, dark: ( transparent(foreground, 0.65)), hcDark: foreground, hcLight: foreground }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/searchColors',
+ 'search.resultsInfoForeground',
+ "Color of the text in the search viewlet's completion message."
+)));
+registerColor('searchEditor.findMatchBackground', { light: ( transparent(editorFindMatchHighlight, 0.66)), dark: ( transparent(editorFindMatchHighlight, 0.66)), hcDark: editorFindMatchHighlight, hcLight: editorFindMatchHighlight }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/searchColors',
+ 'searchEditor.queryMatch',
+ "Color of the Search Editor query matches."
+)));
+registerColor('searchEditor.findMatchBorder', { light: ( transparent(editorFindMatchHighlightBorder, 0.66)), dark: ( transparent(editorFindMatchHighlightBorder, 0.66)), hcDark: editorFindMatchHighlightBorder, hcLight: editorFindMatchHighlightBorder }, ( localizeWithPath(
+ 'vs/platform/theme/common/colors/searchColors',
+ 'searchEditor.editorFindMatchBorder',
+ "Border color of the Search Editor query matches."
+)));

package/vscode/src/vs/platform/theme/common/iconRegistry.js

@@ -1,5 +1,6 @@
 import { RunOnceScheduler } from '../../../base/common/async.js';
-import { Codicon, getCodiconFontCharacters } from '../../../base/common/codicons.js';
+import { Codicon } from '../../../base/common/codicons.js';
+import { getCodiconFontCharacters } from '../../../base/common/codiconsUtil.js';
 import { ThemeIcon } from '../../../base/common/themables.js';
 import { Emitter } from '../../../base/common/event.js';
 import { isString } from '../../../base/common/types.js';

package/vscode/src/vs/platform/theme/common/themeService.d.ts

@@ -2,7 +2,7 @@ import { ServiceIdentifier } from '../../instantiation/common/instantiation.js';
 import { Color } from '../../../base/common/color.js';
 import { Event } from '../../../base/common/event.js';
 import { Disposable } from '../../../base/common/lifecycle.js';
-import { ColorIdentifier } from './colorRegistry.js';
+import { ColorIdentifier } from './colorUtils.js';
 import { IconContribution, IconDefinition } from './iconRegistry.js';
 import { ColorScheme } from './theme.js';
 

package/vscode/src/vs/platform/tunnel/common/tunnel.js

@@ -1,5 +1,7 @@
 import { __decorate, __param } from '../../../../../../external/tslib/tslib.es6.js';
 import { Emitter } from '../../../base/common/event.js';
+import '../../../base/common/path.js';
+import '../../../base/common/platform.js';
 import { IConfigurationService } from '../../configuration/common/configuration.js';
 import { createDecorator } from '../../instantiation/common/instantiation.js';
 import { ILogService } from '../../log/common/log.js';