VSCode Customize UI settings

settings.json

{
  "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;"
  }
}