Home In VS Code, how can I change the background and foreground color of the editor find widget?

Questions

In VS Code, how can I change the background and foreground color of the editor find widget?

October 28, 2023

I’ve been able to target pretty much everything I need to change the colors the way I want them, except for the "Find bar" that appears with CTRL-F:

What [COMPONENT_NAME] should I use in this code to target it?

"workbench.colorCustomizations": {
    "[COMPONENT_NAME].background": "#FFFFFF",
}

>Solution :

This should cover most of it:

"workbench.colorCustomizations": {
    "editorWidget.background": "#ff0000",
    "editorWidget.foreground": "#ff0000",
    "editorWidget.border": "#ff0000",
    "editorWidget.resizeBorder": "#ff0000",
    "input.background": "#ff0000",
    "input.foreground": "#ff0000",
    "input.border": "#ff0000",
    "input.placeholderForeground": "#ff0000",
    "simpleFindWidget.sashBorder": "#ff0000"
}

Not sure about how to do the button colours and text for the number of results.

Know that changing editor widget colours will apply to all editor widgets expect for those that have their own dedicated colour customization points, such as editor hover widgets, and editor suggestion widgets.