diff --git a/ui-design/designs/dark-mode.drawio b/ui-design/designs/dark-mode.drawio
new file mode 100644
index 0000000..b1b3b63
--- /dev/null
+++ b/ui-design/designs/dark-mode.drawio
@@ -0,0 +1,35 @@
+<mxfile host="app.diagrams.net" modified="2026-03-10T08:48:00Z" agent="OpenClaw">
+  <diagram name="深色模式">
+    <mxGraphModel dx="600" dy="400" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageScale="600" pageWidth="600" pageHeight="400">
+      <root>
+        <mxCell id="0"/>
+        <mxCell id="1" parent="0"/>
+        
+        <!-- 深色背景 -->
+        <mxCell id="bg" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#1f1f1f;strokeColor=none" vertex="1" parent="1">
+          <mxGeometry x="0" y="0" width="600" height="400" as="geometry"/>
+        </mxCell>
+        
+        <!-- 顶部导航 -->
+        <mxCell id="header" value="CloudDisk" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#1890ff;strokeColor=#1890ff;fontColor=#fff" vertex="1" parent="1">
+          <mxGeometry x="0" y="0" width="600" height="50" as="geometry"/>
+        </mxCell>
+        
+        <!-- 侧边栏 -->
+        <mxCell id="sidebar" value="我的文件&#xa;最近访问&#xa;共享文件&#xa;回收站" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#2d2d2d;strokeColor=#404040;fontColor=#e8e8e8" vertex="1" parent="1">
+          <mxGeometry x="0" y="50" width="150" height="350" as="geometry"/>
+        </mxCell>
+        
+        <!-- 主内容区 -->
+        <mxCell id="content" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#1f1f1f;strokeColor=none" vertex="1" parent="1">
+          <mxGeometry x="150" y="50" width="450" height="350" as="geometry"/>
+        </mxCell>
+        
+        <!-- 文件项 -->
+        <mxCell id="file" value="📁 Project" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#2d2d2d;strokeColor=#404040;fontColor=#e8e8e8" vertex="1" parent="1">
+          <mxGeometry x="170" y="70" width="200" height="40" as="geometry"/>
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>