Skip to content

Instantly share code, notes, and snippets.

@ChronSyn
Last active August 19, 2022 18:10
Show Gist options
  • Save ChronSyn/3657100a6ba2e724171d09c901aeb9cc to your computer and use it in GitHub Desktop.
Save ChronSyn/3657100a6ba2e724171d09c901aeb9cc to your computer and use it in GitHub Desktop.
Customise VSCode tabs using the CustomiseUI extension
{
"customizeUI.stylesheet": {
// Sets the styles for the active tab, such as background color and border
".monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.sizing-fit.active": {
"background": "linear-gradient(to right, #ff6f00, #ffca28) !important;",
"border-bottom": "2px dotted #6200ea !important;",
"border-top": "2px dotted #6200ea !important;",
"color": "black !important;",
},
".monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.sizing-fit.active.dirty": {
"background": "linear-gradient(to right, #ff6f00, #ffca28) !important;",
"border-bottom": "2px solid #e91e63 !important;",
"border-top": "2px solid #e91e63 !important;",
"color": "black !important;",
},
// Sets the font colour for the active tab
".monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.sizing-fit.active>div": {
"color": "black !important;",
"font-weight": "700 !important;",
},
// Hides the action buttons in the tab bar
"div.editor-actions": {
"visibility": "hidden !important",
},
// Hides the icons at the top of the sidebar
"div.part.sidebar > div.composite.title > div.title-actions > div > div > ul": {
"visibility": "hidden !important",
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment