Skip to content

Instantly share code, notes, and snippets.

@narze
Created March 12, 2022 08:51
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save narze/4304732c5d110e0b2c3394142efcde59 to your computer and use it in GitHub Desktop.
Save narze/4304732c5d110e0b2c3394142efcde59 to your computer and use it in GitHub Desktop.
VSCode Customize UI settings
{
"customizeUI.activityBar": "top",
"customizeUI.activityBarHideSettings": true,
"customizeUI.font.monospace": "FantasqueSansMono Nerd Font",
"customizeUI.font.regular": "FantasqueSansMono Nerd Font",
"customizeUI.fontSizeMap": {
"12px": "11px",
"13px": "11px",
// "monospace": "11px", // Used for monospace fonts in user interface
"menu": "13px", // Used for menu items (windows only)
"tab-title": "12px", // Used for editor tab titles
"window-title": "12px" // Window title font when using custom titlebar
},
"customizeUI.titleBar": "frameless",
"customizeUI.listRowHeight": 17,
"customizeUI.stylesheet": {
/* Hide Action Buttons */
".actions-container[aria-label='Editor actions'] .action-item .action-label:not([title='More Actions...']):not([title*='Split Editor Right'])": "display: none !important;",
/* Tab bar height set height Ref: https://github.com/iocave/customize-ui/issues/29 */
".monaco-workbench .part.editor>.content .editor-group-container>.title .editor-actions .action-label, .monaco-workbench .part.editor>.content .editor-group-container>.title .title-actions .action-label": "height: 38px",
// ".monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container > div.tab.tab-border-bottom": "height: 38px !important;",
// ".monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container": "height: 38px",
".monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab": "height: 38px !important",
"body.inline-title-bar .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container, body.inline-title-bar .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab, body.inline-title-bar .monaco-workbench .part.editor>.content .editor-group-container>.title .editor-actions": "height: 38px !important",
// This isn't in the original CSS, but there's a pesky `style="height: 35px"` in a child element
".monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-and-actions-container": "height: 38px; overflow-y: hidden;",
// side bar actions
".monaco-workbench .part>.title": "height: 38px;",
".monaco-workbench .part>.title>.title-label": "line-height: 38px;",
".monaco-workbench .part>.title>.title-actions": "height: 38px;",
".monaco-workbench .part>.title>.title-actions .action-label": "height: 38px; line-height: 38px;",
// panel tabs / actions
".monaco-workbench .part.panel>.title>.panel-switcher-container>.monaco-action-bar": "height: 38px;",
// The padding for this is top: 3px; bottom: 4px, which is exactly the offset we need.
".monaco-workbench .part.panel>.title>.panel-switcher-container>.monaco-action-bar .action-item": "padding-top: 0; padding-bottom: 0;",
".monaco-workbench .part.panel .title": "height: 38px;",
"body.inline-title-bar .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab .monaco-icon-label:before": "height: 38px !important;",
"body.inline-title-bar .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab .monaco-icon-label .monaco-icon-label-container": "line-height: 38px;",
/* Toolbar (Terminal, Output, etc.) */
".monaco-toolbar > .monaco-action-bar > .actions-container": "height: 35px",
".monaco-toolbar > .monaco-action-bar > .actions-container > .monaco-dropdown-with-primary ": "display: flex; gap: 2px;",
".monaco-toolbar > .monaco-action-bar > .actions-container > .action-item > .dropdown-action-container > .monaco-dropdown > .dropdown-label > a.action-label": "display: flex; width: 100%;",
".monaco-toolbar > .monaco-action-bar > .actions-container > .action-item > .dropdown-action-container > .monaco-dropdown > .dropdown-label > a.action-label::before": "margin: 0 auto;",
/* Top-left activity bar fix */
".monaco-workbench .part.activitybar > .content": "height: 100% !important;"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment