在深色模式下使用图表编辑器

draw.io 默认、极简和草图编辑器主题的深色模式，以及新的简单模式，可让您切换 draw.io 以匹配操作系统的深色模式或夜间模式。

dark使用URL 参数app.diagrams.net/?splash=0&ui=dark打开我们的在线图表编辑器，即可在深色模式下打开编辑器。

切换到深色模式

在 draw.io 菜单中，选择“设置”>“外观”>“深色”。

提示： 自动应自动反映您的操作系统或浏览器设置（当它们设置为深色模式时）。

如果您使用的是经典编辑器主题，请选择“附加功能”>“外观”>“深色”。

在深色模式下绘制图表

有了新的深色模式更新，您不必担心在使用浅色模式与他人分享图表时图表的外观。

现在，颜色会根据明暗模式自动切换，但只会改变颜色的强度，而不会改变色调。这意味着，无论您为形状、连接线、文本或图表背景设置什么颜色，都会根据您或与您协作的人员所使用的模式而改变。

样式面板也会自动更改以反映模式。

• 样式面板也会自动切换以适应深色模式。使用左右箭头键可在不同的面板之间切换 。

• 

• 模板库中的许多（但不是全部）图表将切换到更适合深色背景的调色板。

• 要从深色主题导出图表为图像（PNG、JPG 或 SVG）并保留深色背景，请确保在“外观”列表中选择“深色”。

• 

• 由 Henning Dieterichs 开发的Visual Studio Code 非官方 draw.io 扩展程序，如果您的操作系统/VSCode 设置为深色模式，则可能会在图表编辑器中自动使用深色模式。

• 我们的draw.io Chrome 扩展程序适用于 Notion，并且在深色模式下可以正常工作，与 Notion 的深色模式相匹配。
  

• 

更多资源

如果您发现某个形状在切换到深色模式（未设置默认样式）时标签无法辨认，请先搜索查看是否有针对该问题的现有问题，然后在我们的JGraph/drawio GitHub 存储库中提出问题。

深色模式适用于所有四种图表编辑器主题：

• 默认的图表编辑器。

• Atlas - 与 Atlassian 的 Confluence 和 Jira 中的 draw.io 应用相匹配。

• 极简设计——所有工具均采用浮动对话框。

• Sketch -一个简单的在线白板（高级功能可通过菜单和工具栏使用）。