做成你的风格
创建你自己的主题。
一个 PixelyChat 主题只是一个很小的文件,不需要会编程:描述你想要的外观,让 Claude 或 ChatGPT 等 AI 助手替你修改已有主题,然后导入结果即可。
1. 找一个起点
- 从 主题库 下载任意主题——最好选一个已经接近你想要效果的。
- 或者在 PixelyChat 中打开 场景主题,选择一个主题,然后在 导出以便编辑 创作者工具中选择相应操作。
一个 .pixelytheme 文件其实就是改了扩展名的普通 ZIP 压缩包。如果 AI 聊天不接受上传,请把文件重命名为 .zip。每个主题包都包含一个 README.md ,用于向 AI 说明格式。
2. 让 AI 修改
使用能够读取上传文件 并且 能够把文件交还给你的助手(例如支持文件创建的 Claude,或支持文件上传和代码执行的 ChatGPT)。附上主题文件,粘贴下面的提示词,并填写标记部分:
我附上了一个 PixelyChat 主题(.pixelytheme 文件,本质上是 ZIP 压缩包——如果你无法打开,请按 .zip 处理)。请把它改成我自己的新主题。首先解压并阅读 README.md——这是 PixelyChat 主题格式的官方指南,其中列出了所有 CSS hook。然后阅读 theme.json、theme.css 和 fields.json。我想要的外观:[在这里描述你的主题:氛围、颜色、形状、字体、动画。示例:“Neon synthwave - 深紫色面板、亮粉色和青色点缀、发光边框,警报带缓慢脉冲发光。”] 规则 - theme.json:设置一个新的、唯一的 "id"(仅小写字母、数字和连字符)以及新的 "name"。把 "author" 设为 {"name": "[你的名字]", "type": "creator"},"version" 设为 "1.0.0",并添加 "released",值为今天的日期,格式 YYYY-MM-DD。保留其他字段,包括 "basedOn" 和 "supports"。- 主题只负责外观:只能使用 CSS、JSON 和打包文件。不要使用 JavaScript、@import 或外部 URL。图片和字体必须放在 assets/ 中,并使用相对路径引用。- 为 "supports" 中列出的所有区域设置样式(警报、奖励、组件,以及 Starting Soon / Be Right Back / Shoutout 画面)。确保文字在任何直播背景上都清晰可读,并且横向和纵向布局都能正常工作。- 保持体积精简。只使用我有权使用的图片、字体和声音。如果旧的 preview.webp 已不符合新外观,而你又无法生成新的预览图(小型 WebP,约 1280x720,低于 150 KB),请删除它。- 打包:压缩主题文件夹里的“内容”,让 theme.json 位于压缩包顶层(不要放在子文件夹中),并把文件命名为 [id].pixelytheme。完成后,请给我最终的 .pixelytheme 文件供下载,并列出你修改了什么,以及哪些内容无法验证。
3. 导入并测试
- 下载 AI 给你的文件。
- 在 PixelyChat 中打开 场景主题 并点击 导入主题。
- 先检查预览,再检查警报、组件和各个画面。还不够满意?告诉 AI 要修改什么(附上截图会更有帮助),然后导入新文件——应用会提示是否更新已经安装的主题。
- 你导入的主题随时可以再次删除;内置主题会一直保留。
4. 分享(可选)
满意了吗?把 .pixelytheme 文件发送到 [email protected] ,并附上你希望显示的作者名称。我们会进行部分审核;如果适合,就会把它加入 主题库 ,供所有人使用。
只提交你有权分享的内容。 发送主题即表示你确认:该主题由你创建,或你拥有分发它的权利;并且主题中不含未经许可的第三方受版权保护内容(图片、字体、声音、Logo、角色)。提交的主题属于用户创作内容,PixelyChat 仅进行部分审核;作者仍需对内容负责,我们也可以随时移除任何主题。