Gitlab Wiki中Diagrams.net图表显示负片的解决咨询

Gitlab自托管实例端配置调整 #

• 调整Diagrams.net主题映射配置：编辑Gitlab实例的/etc/gitlab/gitlab.rb文件，添加或修改gitlab_rails['diagramsnet_theme'] = 'light'，保存后执行sudo gitlab-ctl reconfigure生效。这个配置会强制Diagrams.net使用浅色主题渲染图表，覆盖可能的实例级或用户端的主题冲突。
• 检查内容安全策略（CSP）：如果实例自定义了CSP规则，确保规则中允许Diagrams.net的资源加载（比如frame-src包含Diagrams.net的域名），不过这条是补充，负片问题大概率和主题配置相关。

Diagrams.net编辑器端手动调整 #

• 强制设置画布浅色主题：打开图表编辑器后，点击右上角的「主题」按钮，选择「Light」主题，完成图表编辑后再保存到Gitlab。手动指定主题可以避免编辑器默认主题与Gitlab用户主题不匹配的问题。
• 检查画布与元素颜色：右键画布选择「页面属性」，确认背景色为白色或浅色；同时检查所有图形的填充、线条颜色为正常深色（如黑色），避免因颜色设置导致显示反转。

临时修复：手动修改嵌入代码 #

在Gitlab Wiki的纯文本编辑视图中，找到图表的嵌入代码段，将其中的data-theme="dark"（或其他深色主题值）替换为data-theme="light"，保存后预览即可修正负片效果。

内容的提问来源于stack exchange，提问作者mattiatantardini