Change:
Notice how the is supposed to draw a border over an active checked toggle, for example find widget. The default colors all use a opacity of it seems from the change in I do not understand the intent, but with that opacity I see the color not being applied at all. Here is how the color compares today vs. how it was intended to be when I remove the trailing : <img width="541" alt="image" src="https://user-"<img width="527" alt="image" src="https://user-"
Actually found this from the feedback widget where the selected sentiment does not indicate anymore: <img width="328" alt="image" src="https://user-"vs <img width="347" alt="image" src="https://user-"

Discussion:
"input.border": "#ffffff17", "input.foreground": "#ffffffc5", "input.placeholderForeground": "#ffffff79", <ins> "inputOption.activeBackground": "#2489db82", "inputOption.activeBorder": "#2488db", </ins> "keybindingLabel.foreground": "#ffffffc5", "list.activeSelectionBackground": "#ffffff0f", "list.activeSelectionIconForeground": "#ffffff",

"input.border": "#0000001a", "input.foreground": "#000000e4", "input.placeholderForeground": "#00000079", <ins> "inputOption.activeBackground": "#005fb841", "inputOption.activeBorder": "#005FB8", "inputOption.activeForeground": "#000000", </ins> "keybindingLabel.foreground": "#000000e4", "list.activeSelectionBackground": "#e8e8e8", "list.activeSelectionForeground": "#000000",

export const inputBackground = registerColor('input.background', { dark: '#3C3C3C', light: Color.white, hcDark: Color.black, hcLight: Color.white }, nls.localize('inputBoxBackground', "Input box background.")); export const inputForeground = registerColor('input.foreground', { dark: foreground, light: foreground, hcDark: foreground, hcLight: foreground }, nls.localize('inputBoxForeground', "Input box foreground.")); export const inputBorder = registerColor('input.border', { dark: null, light: null, hcDark: contrastBorder, hcLight: contrastBorder }, nls.localize('inputBoxBorder', "Input box border.")); <del> export const inputActiveOptionBorder = registerColor('inputOption.activeBorder', { dark: '#007ACC00', light: '#007ACC00', hcDark: contrastBorder, hcLight: contrastBorder }, nls.localize('inputBoxActiveOptionBorder', "Border color of activated options in input fields.")); </del> <ins> export const inputActiveOptionBorder = registerColor('inputOption.activeBorder', { dark: '#007ACC', light: '#007ACC', hcDark: contrastBorder, hcLight: contrastBorder }, nls.localize('inputBoxActiveOptionBorder', "Border color of activated options in input fields.")); </ins> export const inputActiveOptionHoverBackground = registerColor('inputOption.hoverBackground', { dark: '#5a5d5e80', light: '#b8b8b850', hcDark: null, hcLight: null }, nls.localize('inputOption.hoverBackground', "Background color of activated options in input fields.")); export const inputActiveOptionBackground = registerColor('inputOption.activeBackground', { dark: transparent(focusBorder, 0.4), light: transparent(focusBorder, 0.2), hcDark: Color.transparent, hcLight: Color.transparent }, nls.localize('inputOption.activeBackground', "Background hover color of options in input fields.")); export const inputActiveOptionForeground = registerColor('inputOption.activeForeground', { dark: Color.white, light: Color.black, hcDark: foreground, hcLight: foreground }, nls.localize('inputOption.activeForeground', "Foreground color of activated options in input fields."));