Add secondary Color when selecting manually a new color

[thoroc]

Currently it is possible to specify a single color code for the primary color. However it would be quite nice to be able to specify a secondary color.

I would think something like the color shown in https://brandpalettes.com/javascript-logo-colors/

[johnpapa]

Thank you @thoroc for creating this issue!

[thoroc]

I have just realised there is only the primary color being saved in the user settings files (~/Library/Application\ Support/Code/User/settings.json on MacOS). It be great if a secondary color could be introduced.

There reasoning is that I wanted to use the colors from https://brandpalettes.com/amazon-web-services-logo-colors/, but upon saving the first one as a new Favourite, I end up with something quite different.

This is the color palette from the favorite

{
  "workbench.colorCustomizations": {
    "activityBar.activeBackground": "#ffad33",
    "activityBar.background": "#ffad33",
    "activityBar.foreground": "#15202b",
    "activityBar.inactiveForeground": "#15202b99",
    "activityBarBadge.background": "#00804c",
    "activityBarBadge.foreground": "#e7e7e7",
    "commandCenter.border": "#15202b99",
    "sash.hoverBorder": "#ffad33",
    "statusBar.background": "#ff9900",
    "statusBar.foreground": "#15202b",
    "statusBarItem.hoverBackground": "#cc7a00",
    "statusBarItem.remoteBackground": "#ff9900",
    "statusBarItem.remoteForeground": "#15202b",
    "titleBar.activeBackground": "#ff9900",
    "titleBar.activeForeground": "#15202b",
    "titleBar.inactiveBackground": "#ff990099",
    "titleBar.inactiveForeground": "#15202b99"
  },
  "peacock.color": "#ff9900",
}

This is the color palette I would have rather had:

{
  "workbench.colorCustomizations": {
    "activityBar.activeBackground": "#ffad33",
    "activityBar.background": "#ffad33",
    "activityBar.foreground": "#252F3E",
    "activityBar.inactiveForeground": "#252F3E99",
    "activityBarBadge.background": "#146EB4",
    "activityBarBadge.foreground": "#e7e7e7",
    "commandCenter.border": "#252F3E99",
    "sash.hoverBorder": "#ffad33",
    "statusBar.background": "#ff9900",
    "statusBar.foreground": "#252F3E",
    "statusBarItem.hoverBackground": "#cc7a00",
    "statusBarItem.remoteBackground": "#ff9900",
    "statusBarItem.remoteForeground": "#252F3E",
    "titleBar.activeBackground": "#ff9900",
    "titleBar.activeForeground": "#252F3E",
    "titleBar.inactiveBackground": "#ff990099",
    "titleBar.inactiveForeground": "#252F3E99"
  },
  "peacock.color": "#ff9900"
}