在mastergo ai中直接输入“暗黑模式”即可自动启用深色设计规范，需明确使用“暗黑”“深色”“dark mode”等关键词，并搭配主色值、质感细节及组件适配要求以提升精准度，导出时勾选“保留主题变量”可生成支持主题切换的语义化代码。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
直接在 MasterGo AI 的输入框里说明“暗黑模式”即可，不需要额外设置开关或切换主题——它会自动识别并应用深色系设计规范。
明确描述“暗黑模式”关键词
AI 依赖自然语言理解上下文，所以必须在需求描述中清晰带入相关词。比如：
- “后台 Dashboard 页面，科技感强的暗黑模式，主色为深灰#121212，强调色用青蓝渐变”
- “数据看板界面，支持深色主题，图表文字需满足 WCAG 对比度标准”
- “管理后台首页，默认启用暗黑模式，导航栏悬浮时有微妙发光效果”
避免只说“高级感”“酷炫”这类模糊词，AI 更认“暗黑”“深色”“dark mode”等具体表达。
搭配风格与组件细节增强控制力
单提“暗黑模式”能出稿，但加上视觉参数会让结果更贴合预期：
MaterialDesign风格下拉菜单jquery插件
下载
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 颜色倾向：指定主背景色（如 #0f172a）、卡片色（如 #1e293b）、文字色（如 #e2e8f0）
- 质感细节：加一句“带轻微磨砂玻璃效果”或“按钮有微光边框”，AI 会调用 Shaders 或图层叠加模拟
- 组件适配：注明“表格行悬停使用 #334155，折线图网格线用 #334155 半透明”——它会按 Design Token 逻辑统一生成
生成后快速验证与微调
首批生成的 3 套方案中，通常至少有一套默认启用暗黑模式。若没有，可直接在画布中：
- 选中整个页面 → 右侧属性面板点击「主题」→ 切换为「Dark」
- 或用 MCP 功能输入：“把当前 Dashboard 所有文本、图表、按钮切换为符合暗黑模式的配色”
- 再点「同步更新」，AI 会批量重算对比度、阴影层级和可访问性指标
它不是简单反色，而是重走整套设计系统逻辑——包括字体描边补偿、图标亮度校准、交互反馈强度调整。
导出时保留暗黑模式语义
如果要导出代码（如 React + Tailwind），确保勾选「保留主题变量」选项。生成的代码里会出现：
className="bg-surface-dark text-on-surface-dark data-[state=active]:bg-primary-dark"
而不是写死十六进制色值。这样后续接入 CSS 自定义属性或 JS 主题切换逻辑时，无需重构样式。
