Skip to content

Instantly share code, notes, and snippets.

@Santosl2
Created March 17, 2025 22:15
Show Gist options
  • Select an option

  • Save Santosl2/ac3352cdd2236d48403ade32b37cdbba to your computer and use it in GitHub Desktop.

Select an option

Save Santosl2/ac3352cdd2236d48403ade32b37cdbba to your computer and use it in GitHub Desktop.
Rounded VSCode Tabs
.monaco-workbench .part.editor>.content .editor-group-container>.title div.tabs-container {
margin-block: 0.2rem;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title div.tabs-container>.tab {
border-radius: 8px;
margin-right: 0.1rem;
margin-left: 0.1rem;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title div.tabs-container>.tab .tab-border-top-container{
height: 0px !important;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title div.tabs-container>.tab .tab-border-bottom-container{
height: 0px !important;
}
@Santosl2
Copy link
Author

Santosl2 commented Mar 17, 2025

Install the following extension:
🔗 [VSCode Custom CSS](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css)

Once installed, configure it as needed.

This setup is based on the GitHub Dark theme, but you may need to adjust some CSS styles to fit your preferences.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment