代码编辑器深色主题界面

一张 1440px 宽深色主题代码编辑器 IDE 截图，三栏布局：左侧文件树展示"src/"、"components/"、"App.tsx"、"index.ts"等，中间大面板为 TypeScript 文件，关键字电蓝、字符串绿色、注释灰色、函数名琥珀、类型紫色语法高亮，第 42 行有红色波浪线和错误提示「属性 userId 不存在于类型 Session」。右侧为文件缩略地图。顶部标签栏显示三个打开的文件。底部终端面板显示"npm run build"完成输出「src/」。配色深黑背景，等宽代码字体。

A desktop screenshot mockup of a modern code editor IDE in a dark theme at 1440 px. Three-pane layout: a slim left file-tree sidebar lists folders and files ("src/", "components/", "App.tsx", "index.ts" etc.) with file-type color icons. The large center pane shows a TypeScript code file with syntax highlighting — keywords in electric blue, strings in green, comments in muted gray, function names in amber, types in violet. Line numbers are visible on the left gutter. A highlighted line 42 has a red squiggly underline and a small inline error tooltip reading "Property 'userId' does not exist on type 'Session'". The right pane shows a minimap of the file and a scrollbar. A top tab bar shows three open files: "App.tsx" (active), "api.ts", "types.ts". The integrated terminal panel at the bottom shows a shell prompt "~/project $" and a completed "npm run build" command output in green "✓ Built in 3.2s". Color palette: #1E1E2E background, #252537 sidebar, bright syntax colors on dark ground. Monospaced code font.