码上飞平台不自动启用深色主题，需在需求描述或PRD阶段用明确提示词强制触发，如指定颜色值、Material 3规范及对比度要求，并通过预览、代码检查验证生效。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在码上飞平台生成应用时，默认界面是浅色风格，但很多用户需要适配夜间使用、降低视觉疲劳或匹配品牌调性，这时必须主动干预深色主题的生成逻辑——它不会自动启用，也不能靠后期手动改CSS实现全局切换。
确认深色模式是否已内置支持
进入码上飞官网（codeflying.net）→登录账号→新建项目→输入需求描述后，等待AI产品经理输出PRD文档；在「页面风格样式」模块中查找「主题模式」字段，【若未出现“支持深色/浅色双模式切换”字样，说明当前方案未启用深色能力】。
此时不能直接点击“确认”，必须追加指令：“请为所有页面增加深色主题支持，并默认开启系统级暗色检测”。
用提示词强制触发深色设计逻辑
方法一：在初始需求中嵌入明确约束
输入：“做一个宠物寄养小程序，采用深色主题为主视觉，文字用#E0E0E0，主按钮用#6200EE，背景用#121212，适配iOS/Android系统深色设置。”
方法二：在PRD确认阶段补发风格指令
当AI输出完页面布局与色彩体系后，在对话框中单独发送：“按Material 3深色规范重设全部组件颜色，确保正文与背景对比度≥4.5:1，禁用纯黑(#000000)和高饱和色。”
这一步很关键——码上飞依赖语义理解触发设计规则库，不写明“Material 3”“对比度”等术语，AI会沿用旧版灰阶配色，导致文字发虚、图标不可见。
验证深色效果并导出可用资产
第一步：在预览环境右上角点击「主题切换」按钮，观察首页、表单页、列表页是否同步变暗；
第二步：打开浏览器开发者工具（F12）→ Elements面板 → 搜索background-color，确认主体容器色值为#121212或#1E1E1E；
第三步：点击「下载源码」→ 解压后进入/src/assets/styles/dark.css，检查是否存在完整变量映射（如--color-surface: #121212; --color-on-surface: #E0E0E0;）；
【若该文件为空或缺失，说明深色样式未注入工程，需返回对话重新触发生成】。
