码上飞平台不自动启用深色主题,需在需求描述或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;);
【若该文件为空或缺失,说明深色样式未注入工程,需返回对话重新触发生成】。


















