Zed Like Vs Code Config

settings.json

{
  "workbench.iconTheme": "ayu-mirage-zed",
  "workbench.productIconTheme": "icons-carbon",
  "editor.cursorStyle": "line",
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",

  // --- Typography ---
  "editor.fontSize": 14,
  "editor.fontFamily": "'JetBrains Mono NL','JetBrains Mono', 'Zed Mono', monospace",
  "editor.lineHeight": 2,
  "editor.fontWeight": "400",
  "editor.letterSpacing": 0.5,
  "editor.fontLigatures": true,

  // --- UI Minimalism ---
  "workbench.activityBar.location": "top",
  "workbench.sideBar.location": "right",
  "editor.minimap.enabled": false,
  "editor.scrollbar.vertical": "hidden",
  "editor.scrollbar.horizontal": "hidden",
  "editor.overviewRulerBorder": false,
  "editor.hideCursorInOverviewRuler": true,
  "editor.guides.indentation": false,
  "editor.renderLineHighlight": "none",
  "editor.occurrenceHighlight": "off",
  "editor.selectionHighlight": false,
  "editor.bracketPairColorization.enabled": true,

  // --- Breadcrumbs (The file path bar) ---
  "breadcrumbs.enabled": true,
  "breadcrumbs.icons": false,
  "breadcrumbs.symbolPath": "off",

  // --- Tab & Navigation ---
  "workbench.editor.showTabs": "multiple",
  "workbench.editor.tabSizing": "shrink",
  "workbench.editor.labelFormat": "default",
  "workbench.editor.showIcons": false,
  "workbench.editor.navigationControl": true,

  // --- Editor Behavior ---
  "editor.lineNumbers": "on",
  "editor.glyphMargin": false,
  "editor.folding": false,
  "editor.matchBrackets": "never",
  "editor.renderWhitespace": "none",
  "workbench.tree.indent": 16,
  "workbench.tree.renderIndentGuides": "none",
  "windowColors.askToColorizeRepoWhenOpened": false,
  "window.customTitleBarVisibility": "auto",
  "workbench.colorTheme": "cursor-dark",

  // --- COLOR CUSTOMIZATIONS ---
  "workbench.colorCustomizations": {
    "[Ayu Mirage Zed]": {
      "editor.background": "#1A1A1A",
      "editorGutter.background": "#1A1A1A",
      
      // Breadcrumb styling to match your screenshot
      "breadcrumb.background": "#1A1A1A",
      "breadcrumb.foreground": "#666666",
      "breadcrumb.focusForeground": "#999999",
      "breadcrumb.activeSelectionForeground": "#AAAAAA",

      "sideBar.background": "#141414",
      "sideBar.border": "#141414",
      "activityBar.background": "#141414",
      "activityBar.border": "#141414",
      "editorGroupHeader.tabsBackground": "#141414",
      "editorGroupHeader.tabsBorder": "#141414",
      "tab.activeBackground": "#141414",
      "tab.inactiveBackground": "#141414",
      "tab.border": "#141414",
      "terminal.background": "#141414",
      "panel.background": "#141414",
      "panel.border": "#141414",
      "statusBar.background": "#141414",
      "statusBar.border": "#141414",
      
      "focusBorder": "#00000000",
      "input.border": "#00000000",
      "input.background": "#252525",
      "quickInput.background": "#141414",
      "quickInput.foreground": "#CCCCCC",
      "quickInputList.focusBackground": "#2d2d2d",
      "quickInputTitle.background": "#141414",
      "pickerGroup.foreground": "#575757",
      "widget.border": "#333333",
      "widget.shadow": "#000000aa"
    }
  },

  // --- CSS LOADER (This makes the "/" happen) ---
  "vscode_custom_css.imports": [
    "file:///Users/[redacted]/.vscode/zed-style.css",
    "file:///Users/[redacted]/.vscode/extensions/brandonkirbyson.vscode-animations-2.0.7/dist/updateHandler.js"
  ],
  "biome.suggestInstallingGlobally": false,
  "[typescriptreact]": {
    "editor.defaultFormatter": "biomejs.biome"
  }
}

zed-style.css

.monaco-breadcrumbs {
    background-color: #141414 !important;
    border-bottom: 1px solid #333333 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding-left: 12px !important;
    display: flex !important;
    align-items: center !important;
}


.breadcrumbs-control {
    background-color: #141414 !important;
    height: 40px !important;
}


.monaco-breadcrumb-item {
    font-family: 'JetBrains Mono NL', 'Zed Mono', monospace !important;
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 40px !important;
    letter-spacing: 0.2px !important;
}


.monaco-breadcrumb-item:hover, 
.monaco-breadcrumb-item.active {
    color: #999999 !important;
}

.monaco-breadcrumbs .codicon-chevron-right::before,
.monaco-breadcrumbs .codicon-breadcrumb-separator::before {
    content: '/' !important;
    font-family: 'JetBrains Mono NL', monospace !important;
    font-size: 13px !important;
    opacity: 0.3 !important;
    margin: 0 4px !important; 
}

.monaco-breadcrumbs-container {
    border: none !important;
    box-shadow: none !important;
}

.sidebar {
    font-family: "JetBrains Mono NL", monospace !important;
}

.quick-input-widget {
    font-family: "JetBrains Mono NL", monospace !important;
}


.tab-label {
    font-family: "JetBrains Mono NL", monospace !important;
}