This is a list of colors that can be used for projects. The default list has been extended to include a few more colors that can be used to identify the type of project you are working on.
The colors are categorized into three types:
- Default color: This is used for a project that has a single workspace.
- Frontend color: This is used for the frontend of a project that has both a backend and a frontend.
- Backend color: This is used for the backend of a project that has both a backend and a frontend.
In the VSCode settings, the following code can be added to the "peacock.favoriteColors" section to use the colors:
"peacock.favoriteColors": [
"peacock.favoriteColors": [
{
"name": "Cocoa Brown",
"value": "#8B4513"
},
{
"name": "Cocoa Brown Frontend",
"value": "#AE6A3D"
},
{
"name": "Cocoa Brown Backend",
"value": "#622E0C"
},
{
"name": "Rust Maroon",
"value": "#800000"
},
{
"name": "Rust Maroon Frontend",
"value": "#B23333"
},
{
"name": "Rust Maroon Backend",
"value": "#590000"
},
{
"name": "Angular Red",
"value": "#dd0531"
},
{
"name": "Angular Red Frontend",
"value": "#EC314B"
},
{
"name": "Angular Red Backend",
"value": "#960426"
},
{
"name": "Go Lang Orange Red",
"value": "#FF4500"
},
{
"name": "Go Lang Orange Red Frontend",
"value": "#FF704D"
},
{
"name": "Go Lang Orange Red Backend",
"value": "#B32F00"
},
{
"name": "Svelte Orange",
"value": "#ff3d00"
},
{
"name": "Svelte Orange Backend",
"value": "#CC2C00"
},
{
"name": "Svelte Orange Frontend",
"value": "#FF704D"
},
{
"name": "TypeScript Orange",
"value": "#FFA500"
},
{
"name": "TypeScript Orange Frontend",
"value": "#FFC733"
},
{
"name": "TypeScript Orange Backend",
"value": "#B37500"
},
{
"name": "Python Gold",
"value": "#FFD700"
},
{
"name": "Python Gold Frontend",
"value": "#FFE833"
},
{
"name": "Python Gold Backend",
"value": "#B3A125"
},
{
"name": "JavaScript Yellow",
"value": "#f9e64f"
},
{
"name": "JavaScript Yellow Frontend",
"value": "#FDF2A8"
},
{
"name": "JavaScript Yellow Backend",
"value": "#C9B038"
},
{
"name": "Dart Olive",
"value": "#808000"
},
{
"name": "Dart Olive Frontend",
"value": "#B2B233"
},
{
"name": "Dart Olive Backend",
"value": "#595900"
},
{
"name": "Node Green",
"value": "#215732"
},
{
"name": "Node Green Frontend",
"value": "#2D7F3E"
},
{
"name": "Node Green Backend",
"value": "#174526"
},
{
"name": "Vue Green",
"value": "#42b883"
},
{
"name": "Vue Green Frontend",
"value": "#66D9A2"
},
{
"name": "Vue Green Backend",
"value": "#2D916B"
},
{
"name": "Java Green",
"value": "#008000"
},
{
"name": "Java Green Backend",
"value": "#005900"
},
{
"name": "Java Green Frontend",
"value": "#33A133"
},
{
"name": "Ruby Teal",
"value": "#008080"
},
{
"name": "Ruby Teal Frontend",
"value": "#33A1A1"
},
{
"name": "Ruby Teal Backend",
"value": "#005959"
},
{
"name": "PHP Aqua",
"value": "#00FFFF"
},
{
"name": "PHP Aqua Frontend",
"value": "#33FFFF"
},
{
"name": "PHP Aqua Backend",
"value": "#00B2B2"
},
{
"name": "Azure Blue",
"value": "#007fff"
},
{
"name": "Azure Blue Frontend",
"value": "#1E9FFF"
},
{
"name": "Azure Blue Backend",
"value": "#00527A"
},
{
"name": "Mandalorian Blue",
"value": "#1857a4"
},
{
"name": "Mandalorian Blue Frontend",
"value": "#2470CA"
},
{
"name": "Mandalorian Blue Backend",
"value": "#113E6B"
},
{
"name": "React Blue",
"value": "#61dafb"
},
{
"name": "React Blue Frontend",
"value": "#87D6FF"
},
{
"name": "React Blue Backend",
"value": "#4087A8"
},
{
"name": "Kotlin Purple",
"value": "#800080"
},
{
"name": "Kotlin Purple Frontend",
"value": "#B233B2"
},
{
"name": "Kotlin Purple Backend",
"value": "#590059"
},
{
"name": "Something Different",
"value": "#832561"
},
{
"name": "Something Different Frontend",
"value": "#A35781"
},
{
"name": "Something Different Backend",
"value": "#5D1A48"
},
{
"name": "Swift Magenta",
"value": "#FF00FF"
},
{
"name": "Swift Magenta Frontend",
"value": "#FF33FF"
},
{
"name": "Swift Magenta Backend",
"value": "#B200B2"
},
{
"name": "C++ Dark Gray",
"value": "#505050"
},
{
"name": "C++ Dark Gray Frontend",
"value": "#797979"
},
{
"name": "C++ Dark Gray Backend",
"value": "#373737"
},
]
],