Skip to content

Instantly share code, notes, and snippets.

@NgxDev
Created June 25, 2021 16:27
Show Gist options
  • Save NgxDev/bf039cfc84efea0275c67a6f89310ac4 to your computer and use it in GitHub Desktop.
Save NgxDev/bf039cfc84efea0275c67a6f89310ac4 to your computer and use it in GitHub Desktop.
VSCode Color Customizations - Inspired from https://www.hirez.io colors
{
"workbench.colorCustomizations": {
// Main Color: #ffdb00
// Accent Color: #ffe85b
// TITLE BAR
"titleBar.activeBackground": "#ffdb00",
"titleBar.activeForeground": "#000000",
// "titleBar.inactiveBackground": "#ffe85b",
"titleBar.inactiveForeground": "#e7e7e799",
// TABS
"tab.activeBorder": "#ffdb00",
"tab.activeBackground": "#191919",
// ACTIVITY BAR
// "activityBar.background": "#202020",
"activityBar.foreground": "#ffe85b",
"activityBar.inactiveForeground": "#ffffff80",
// "activityBar.activeBackground": "#ffe85b",
// "activityBar.activeBorder": "#ffdb00",
"activityBarBadge.background": "#ffdb00",
"activityBarBadge.foreground": "#000000",
// SIDE BAR
"sideBar.background": "#242424",
"sideBar.border": "#373737",
"sideBarSectionHeader.background": "#303030",
"sideBarSectionHeader.foreground": "#ffe85b",
"sideBarSectionHeader.border": "#404040",
// SCROLL BARS
"scrollbarSlider.background": "#ffdb0070",
"scrollbarSlider.hoverBackground": "#ffdb0090",
// BOTTOM PANNELS
"panel.border": "#ffe85b",
"panelTitle.activeForeground": "#ffe85b",
"panelTitle.activeBorder": "#ffdb00",
"panelTitle.inactiveForeground": "#a7a7a7",
// STATUS BAR
"statusBar.background": "#ffdb00",
"statusBar.foreground": "#000000",
"statusBarItem.hoverBackground": "#ffe85b"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment