Trae theme for cursor/vscode

settings.json

{
  "workbench.colorTheme": "Default Dark+",
  "window.titleBarStyle": "custom",
  "editor.scrollbar.vertical": "visible",
  "editor.scrollbar.horizontal": "visible",
  "editor.scrollbar.verticalScrollbarSize": 8,
  "editor.scrollbar.horizontalScrollbarSize": 8,
  "breadcrumbs.showFiles": true,
  "breadcrumbs.showArrays": false,
  "breadcrumbs.showBooleans": false,
  "breadcrumbs.showConstants": false,
  "breadcrumbs.showClasses": false,
  "breadcrumbs.showConstructors": false,
  "breadcrumbs.showEnumMembers": false,
  "breadcrumbs.showEnums": false,
  "breadcrumbs.showEvents": false,
  "breadcrumbs.showFields": false,
  "breadcrumbs.showFunctions": false,
  "breadcrumbs.showInterfaces": false,
  "breadcrumbs.showKeys": false,
  "breadcrumbs.showMethods": false,
  "breadcrumbs.showModules": false,
  "breadcrumbs.showNamespaces": false,
  "breadcrumbs.showNull": false,
  "breadcrumbs.showNumbers": false,
  "breadcrumbs.showObjects": false,
  "breadcrumbs.showOperators": false,
  "breadcrumbs.showPackages": false,
  "breadcrumbs.showProperties": false,
  "breadcrumbs.showStrings": false,
  "breadcrumbs.showStructs": false,
  "breadcrumbs.showTypeParameters": false,
  "breadcrumbs.showVariables": false,
  "workbench.colorCustomizations": {
    // ACTIVITY BAR
    "activityBar.background": "#181A1F",
    "activityBar.foreground": "#ffffff",
    "activityBar.inactiveForeground": "#a9a9a9",
    "activityBar.border": "#24262B",

    // SIDEBAR (Explorer)
    "sideBar.background": "#181A1F",
    "sideBar.foreground": "#ffffff",
    "sideBarSectionHeader.background": "#181A1F",
    "sideBarSectionHeader.foreground": "#ffffff",
    "sideBar.border": "#24262B",

    // BREADCRUMBS
    "breadcrumb.foreground": "#aaaaaa",
    "breadcrumb.background": "#181A1F",
    "breadcrumb.focusForeground": "#ffffff",
    "breadcrumb.activeSelectionForeground": "#ffffff",
    "breadcrumbPicker.background": "#181A1F",
    "breadcrumbIcon.foreground": "#aaaaaa",

    // TITLE BAR
    "titleBar.activeBackground": "#181A1F",
    "titleBar.activeForeground": "#ffffff",
    "titleBar.inactiveBackground": "#181A1F",
    "titleBar.inactiveForeground": "#cccccc",
    "titleBar.border": "#24262B",

    // STATUS BAR
    "statusBar.background": "#181A1F",
    "statusBar.foreground": "#ffffff",
    "statusBar.border": "#24262B",
    "statusBar.noFolderBackground": "#181A1F",
    "statusBar.debuggingBackground": "#24262B",

    // EDITOR & TABS
    "editor.background": "#181A1F",
    "editor.foreground": "#ffffff",
    "editorGroup.border": "#24262B",
    "editorGroupHeader.tabsBackground": "#181A1F",
    "editorGroupHeader.tabsBorder": "#24262B",

    // Highlight the active tab with #30343F
    "tab.activeBackground": "#30343F",
    "tab.activeForeground": "#ffffff",
    "tab.inactiveBackground": "#181A1F",
    "tab.inactiveForeground": "#aaaaaa",
    "tab.border": "#24262B",

    // PANELS
    "panel.background": "#181A1F",
    "panel.foreground": "#ffffff",
    "panel.border": "#24262B",

    // SCROLLBARS
    "scrollbarSlider.background": "#3A3D41",
    "scrollbarSlider.hoverBackground": "#484b50",
    "scrollbarSlider.activeBackground": "#606366",

    // OPTIONAL CONTRAST TWEAKS
    "editorLineNumber.foreground": "#8b8b8b",
    "editor.selectionBackground": "#3A3D41",
    "editorCursor.foreground": "#ffffff",

    // Optional: borders, placeholder text, etc.
    "input.border": "#24262B",
    "input.placeholderForeground": "#aaaaaa",

    // If you also want to style the “dropdown” portions (e.g. pickers):
    "dropdown.background": "#30343F",
    "dropdown.foreground": "#FFFFFF",

    // Gutter (line numbers, breakpoints, etc.) background
    // Make it a shade lighter/darker so the boundary stands out
    "editorGutter.background": "#16181D",

    // QUICK INPUT PANEL (the background and text color of the entire pop-up)
    "quickInput.background": "#181A1F",
    "quickInput.foreground": "#FFFFFF",

    // If you want the "input" portion (top text box) to match:
    "input.background": "#30343F",
    "input.foreground": "#FFFFFF",

    // LIST SELECTION COLORS (these are crucial for showing the "cursor")
    // The item your arrow key is currently on:
    "list.focusBackground": "#30343F",
    "list.focusForeground": "#FFFFFF",

    // Optionally, the item you’ve clicked or activated:
    "list.activeSelectionBackground": "#30343F",
    "list.activeSelectionForeground": "#FFFFFF",

    // Hover color if you want a highlight when you mouse over items:
    "list.hoverBackground": "#24262B",
    "list.hoverForeground": "#FFFFFF",

    // Optional: color for non-focused, inactive selections
    "list.inactiveSelectionBackground": "#24262B",
    "list.inactiveSelectionForeground": "#AAAAAA",

    // The global focus border used in many widgets (input boxes, quick pick, etc.)
    "focusBorder": "#00000000",

    // Specifically remove the focus border from text inputs
    "input.focusBorder": "#00000000",

    // Remove focus outline from buttons
    "button.focusBorder": "#00000000",

    // Remove focus outline from dropdowns
    "dropdown.focusBorder": "#00000000",

    // Remove focus outline from list/tree items (e.g., in the Explorer or Quick Pick)
    "list.focusOutline": "#00000000",
    "list.inactiveFocusOutline": "#00000000"
  }
}