How can I change the color of the >< remote icon in the VS Code status bar?

Question

I installed the VS Code Remote Development extensions but the green >< icon in the left of the status bar doesn't look good with my preferred theme. How do I change its color?

Answer 1

The >< icon is the Remote Window Indicator. Color themes can customize its color using the statusBarItem.remoteBackground and statusBarItem.remoteForeground theme colors

You can also override the color using the workbench.colorCustomizations setting in VS Code:

"workbench.colorCustomizations": {
    "statusBarItem.remoteBackground": "#5a34a0",
    "statusBarItem.remoteForeground": "#ccc"
}