This file presents an extended list of color options that can be utilized for various projects within VSCode. Each color is classified into one of three categories, providing a clear visual distinction based on the nature of your project:
- Default Color: This color is typically used for projects that consist of a single workspace.
- Frontend Color: This color is designated for the frontend portion of a project that encompasses both frontend and backend components.
- Backend Color: This color is assigned to the backend portion of a project that includes both frontend and backend elements.
To incorporate these colors into your VSCode settings, you can add the provided code to the "peacock.favoriteColors" section. This will enable you to easily identify and navigate through different parts of your project, enhancing your overall productivity and coding experience.
"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"
},
]
],