Midnight Galaxy 主题全解析用 awesome-codex-skills Theme Factory 打造深邃宇宙风演示视觉体系【免费下载链接】awesome-codex-skillsA curated list of practical Codex skills for automating workflows across the Codex CLI and API.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-codex-skills本文以 awesome-codex-skills 仓库中 theme-factory 技能的预置主题Midnight Galaxy主题定义文件为核心系统讲解这一深邃宇宙风视觉体系的色板构成、字体搭配、适用场景与在演示文稿、HTML 落地页等任意 artifact 上的落地方法。读完本文你将掌握 Midnight Galaxy 四个核心色值的角色分工与对比度设计逻辑并能通过 theme-factory/SKILL.md 描述的标准流程把它或按需定制的同风格主题一键应用到你的幻灯片与设计物上。一、Midnight Galaxy 主题概览戏剧化的宇宙叙事Midnight Galaxy 是 Theme Factory 技能内置的 10 套预置主题之一详见 theme-factory/SKILL.md 的 Themes Available 列表其定位是A dramatic and cosmic theme with deep purples and mystical tones for impactful presentations.它面向需要高冲击力、强氛围感的展示场景通过深紫色基底与神秘色调的组合在演示中营造出戏剧化的宇宙纵深。与同目录下其他主题相比它的视觉语言最接近沉浸式叙事不像 ocean-depths.md 那样追求专业沉稳、也不像 tech-innovation.md 那样强调科技高对比而是以深紫 宇宙蓝的暗色调配合亮色点缀制造夜幕星空般的层次感。二、色板详解四个色值的角色分工与使用建议Midnight Galaxy 定义了 4 个核心色值每个色值在视觉系统中承担明确角色色彩名称HEX 色值角色定位Deep Purple深紫#2b1e3e丰富的深色基底Rich dark base用于页面/幻灯片主背景Cosmic Blue宇宙蓝#4a4e8f神秘的中调色Mystical mid-tone用于强调与次级元素Lavender薰衣草紫#a490c2柔和强调色Soft accent color用于高亮与辅助点缀Silver银白#e6e6fa浅色高光与正文文字Light highlights and text2.1 配色结构分析从色相与明度关系看这套色板遵循深底—中调—亮强调的三层结构基底层#2b1e3e属于低明度、高饱和的深紫色作为主背景可提供极强的色彩纵深天然适合大面积铺陈而不刺眼中调层#4a4e8f在色环上偏向蓝紫交界与深紫同属冷色系、明度略高适合承载图表、卡片、次级按钮等需要与背景拉开层次但不喧宾夺主的元素强调层#a490c2与#e6e6fa一紫一白明度依次抬升前者用于关键数据高亮、标题装饰线后者用于正文与小号文字保证暗色背景上的可读性。2.2 对比度与可读性要点在应用时需要注意正文Silver#e6e6fa与背景Deep Purple#2b1e3e之间明度差大属于典型的暗底亮字方案适合长时间阅读与投屏演示而 Lavender#a490c2与深紫背景的明度差相对较小更适合用作装饰性强调而非小字号正文以免在低亮度投影设备上出现对比度不足。这是 theme-factory/SKILL.md 中Ensure proper contrast and readability确保正确的对比度与可读性步骤在 Midnight Galaxy 上的具体落地要点。三、字体搭配FreeSans 家族的结构化排版Midnight Galaxy 的字体方案由同一字族的两个字重构成Headers标题FreeSans BoldBody Text正文FreeSans这种同族不同字重的搭配策略与 Theme Factory 中 arctic-frost.md、ocean-depths.md 等主题一致它们分别使用 DejaVu Sans Bold / DejaVu Sans好处在于风格统一标题与正文共享同一字族视觉基因一致不会出现混排违和层次清晰仅通过 Bold 字重完成标题层级强化在暗色背景上依然保持干净利落多场景兼容FreeSans 属于无衬线Sans-serif字体在屏幕显示、投屏与 PDF 导出场景下都有稳定的辨识度。使用时建议为标题预留更大字号与行距例如 1.21.5 倍行高以配合深色背景下标题作为视觉锚点的定位。四、最佳适用场景哪些内容适合 Midnight Galaxy根据 midnight-galaxy.md 的定义Midnight Galaxy 最适合以下行业与内容类型娱乐行业Entertainment industry音乐、影视、演出等强调氛围与情绪的内容游戏行业Gaming presentations游戏发布会、世界观展示、电竞赛事方案夜生活场所Nightlife venues酒吧、俱乐部、音乐节等活动物料奢侈品牌Luxury brands需要暗调 高光衬托质感的高端品牌叙事创意机构Creative agencies广告提案、创意展示等需要视觉冲击力的场景。对比其他主题的定位如 botanical-garden.md 面向食品与自然品牌、golden-hour.md 面向餐饮酒店Midnight Galaxy 的核心优势在于氛围塑造而非中性通用——如果你的内容需要让观众进入某种沉浸式情绪它就是最贴合的默认选择。五、落地实操从选主题到应用的标准流程Midnight Galaxy 并非孤立的设计文档它属于 Theme Factory 技能选主题 → 应用主题工作流的一环。完整的应用流程定义在 theme-factory/SKILL.md 中共四步展示主题秀Show the theme showcase向用户展示theme-showcase.pdf位于 theme-factory/ 目录让用户直观看到全部 10 套主题的视觉效果此文件只用于查看、不做任何修改询问选择Ask for their choice询问用户希望把哪套主题应用到演示文稿或其他 artifact 上等待确认Wait for selection获得用户对所选主题的明确确认应用主题Apply the theme将所选主题的颜色与字体应用到 deck/artifact。5.1 应用阶段的具体操作要点选中 Midnight Galaxy 之后按 SKILL 描述的应用过程执行从themes/目录读取对应的主题文件即 theme-factory/themes/midnight-galaxy.md将其中指定的颜色与字体贯穿始终地应用在整个 deck 中所有页面、图表、表格、页眉页脚保持一致确保对比度与可读性达标尤其注意 2.2 节提到的 Lavender 小字号场景在所有幻灯片中维持 Midnight Galaxy 的视觉身份一致性。5.2 跨 artifact 应用按 theme-factory/SKILL.md 的定义主题可应用于slides、docs、reportings、HTML landing pages 等任何已创建的 artifact。因此 Midnight Galaxy 的四个色值可以平滑映射为 CSS 设计令牌例如:root { --mdg-deep-purple: #2b1e3e; /* 主背景 */ --mdg-cosmic-blue: #4a4e8f; /* 强调/次级元素 */ --mdg-lavender: #a490c2; /* 高亮点缀 */ --mdg-silver: #e6e6fa; /* 正文与浅色高光 */ --mdg-font-header: FreeSans Bold, sans-serif; --mdg-font-body: FreeSans, sans-serif; }无论是落地为 HTML 着陆页、报告排版还是演示文稿母版都可以按同一套令牌保持品牌一致。六、当现有主题不匹配时按 Midnight Galaxy 风格生成自定义主题如果 Midnight Galaxy 的紫色系不完全贴合需求theme-factory/SKILL.md 的 Create your Own Theme 一节提供了扩展路径基于提供的输入如行业、氛围、偏好的色彩关键词生成一个与现有主题格式一致的新主题为它取一个能描述其所代表的字体/色彩组合的名字类似 Midnight Galaxy 这种意象化命名先用基础描述选择合适颜色与字体生成后先展示给用户审查确认确认通过后再按上文 5.1 的流程应用。例如若需要更冷冽的宇宙风可以基于#2b1e3e的基底将中调色替换为更深邃的藏青、将强调色替换为冷银白从而在保持深底亮字结构不变的前提下获得风格变体——这正是 Midnight Galaxy 展示的四色 双字体主题骨架的可复用价值。七、小结Midnight Galaxy 是 awesome-codex-skills 仓库 theme-factory 技能中视觉冲击力最强、氛围感最鲜明的预置主题之一。它以#2b1e3e深紫、#4a4e8f宇宙蓝、#a490c2薰衣草紫、#e6e6fa银白四个色值构建深底—中调—亮强调的三层色彩结构配合 FreeSans Bold / FreeSans 字体方案适用于娱乐、游戏、夜生活、奢侈品牌与创意机构等强调情绪渲染的展示场景。借助 theme-factory/SKILL.md 的选型与应用流程以及自定义主题扩展机制你可以把这套宇宙叙事视觉语言快速复用到幻灯片、报告、HTML 落地页等各类 artifact 上并在需要时衍生出属于你自己的暗色主题变体。【免费下载链接】awesome-codex-skillsA curated list of practical Codex skills for automating workflows across the Codex CLI and API.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-codex-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Midnight Galaxy 主题全解析：用 awesome-codex-skills Theme Factory 打造深邃宇宙风演示视觉体系
Midnight Galaxy 主题全解析用 awesome-codex-skills Theme Factory 打造深邃宇宙风演示视觉体系【免费下载链接】awesome-codex-skillsA curated list of practical Codex skills for automating workflows across the Codex CLI and API.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-codex-skills本文以 awesome-codex-skills 仓库中 theme-factory 技能的预置主题Midnight Galaxy主题定义文件为核心系统讲解这一深邃宇宙风视觉体系的色板构成、字体搭配、适用场景与在演示文稿、HTML 落地页等任意 artifact 上的落地方法。读完本文你将掌握 Midnight Galaxy 四个核心色值的角色分工与对比度设计逻辑并能通过 theme-factory/SKILL.md 描述的标准流程把它或按需定制的同风格主题一键应用到你的幻灯片与设计物上。一、Midnight Galaxy 主题概览戏剧化的宇宙叙事Midnight Galaxy 是 Theme Factory 技能内置的 10 套预置主题之一详见 theme-factory/SKILL.md 的 Themes Available 列表其定位是A dramatic and cosmic theme with deep purples and mystical tones for impactful presentations.它面向需要高冲击力、强氛围感的展示场景通过深紫色基底与神秘色调的组合在演示中营造出戏剧化的宇宙纵深。与同目录下其他主题相比它的视觉语言最接近沉浸式叙事不像 ocean-depths.md 那样追求专业沉稳、也不像 tech-innovation.md 那样强调科技高对比而是以深紫 宇宙蓝的暗色调配合亮色点缀制造夜幕星空般的层次感。二、色板详解四个色值的角色分工与使用建议Midnight Galaxy 定义了 4 个核心色值每个色值在视觉系统中承担明确角色色彩名称HEX 色值角色定位Deep Purple深紫#2b1e3e丰富的深色基底Rich dark base用于页面/幻灯片主背景Cosmic Blue宇宙蓝#4a4e8f神秘的中调色Mystical mid-tone用于强调与次级元素Lavender薰衣草紫#a490c2柔和强调色Soft accent color用于高亮与辅助点缀Silver银白#e6e6fa浅色高光与正文文字Light highlights and text2.1 配色结构分析从色相与明度关系看这套色板遵循深底—中调—亮强调的三层结构基底层#2b1e3e属于低明度、高饱和的深紫色作为主背景可提供极强的色彩纵深天然适合大面积铺陈而不刺眼中调层#4a4e8f在色环上偏向蓝紫交界与深紫同属冷色系、明度略高适合承载图表、卡片、次级按钮等需要与背景拉开层次但不喧宾夺主的元素强调层#a490c2与#e6e6fa一紫一白明度依次抬升前者用于关键数据高亮、标题装饰线后者用于正文与小号文字保证暗色背景上的可读性。2.2 对比度与可读性要点在应用时需要注意正文Silver#e6e6fa与背景Deep Purple#2b1e3e之间明度差大属于典型的暗底亮字方案适合长时间阅读与投屏演示而 Lavender#a490c2与深紫背景的明度差相对较小更适合用作装饰性强调而非小字号正文以免在低亮度投影设备上出现对比度不足。这是 theme-factory/SKILL.md 中Ensure proper contrast and readability确保正确的对比度与可读性步骤在 Midnight Galaxy 上的具体落地要点。三、字体搭配FreeSans 家族的结构化排版Midnight Galaxy 的字体方案由同一字族的两个字重构成Headers标题FreeSans BoldBody Text正文FreeSans这种同族不同字重的搭配策略与 Theme Factory 中 arctic-frost.md、ocean-depths.md 等主题一致它们分别使用 DejaVu Sans Bold / DejaVu Sans好处在于风格统一标题与正文共享同一字族视觉基因一致不会出现混排违和层次清晰仅通过 Bold 字重完成标题层级强化在暗色背景上依然保持干净利落多场景兼容FreeSans 属于无衬线Sans-serif字体在屏幕显示、投屏与 PDF 导出场景下都有稳定的辨识度。使用时建议为标题预留更大字号与行距例如 1.21.5 倍行高以配合深色背景下标题作为视觉锚点的定位。四、最佳适用场景哪些内容适合 Midnight Galaxy根据 midnight-galaxy.md 的定义Midnight Galaxy 最适合以下行业与内容类型娱乐行业Entertainment industry音乐、影视、演出等强调氛围与情绪的内容游戏行业Gaming presentations游戏发布会、世界观展示、电竞赛事方案夜生活场所Nightlife venues酒吧、俱乐部、音乐节等活动物料奢侈品牌Luxury brands需要暗调 高光衬托质感的高端品牌叙事创意机构Creative agencies广告提案、创意展示等需要视觉冲击力的场景。对比其他主题的定位如 botanical-garden.md 面向食品与自然品牌、golden-hour.md 面向餐饮酒店Midnight Galaxy 的核心优势在于氛围塑造而非中性通用——如果你的内容需要让观众进入某种沉浸式情绪它就是最贴合的默认选择。五、落地实操从选主题到应用的标准流程Midnight Galaxy 并非孤立的设计文档它属于 Theme Factory 技能选主题 → 应用主题工作流的一环。完整的应用流程定义在 theme-factory/SKILL.md 中共四步展示主题秀Show the theme showcase向用户展示theme-showcase.pdf位于 theme-factory/ 目录让用户直观看到全部 10 套主题的视觉效果此文件只用于查看、不做任何修改询问选择Ask for their choice询问用户希望把哪套主题应用到演示文稿或其他 artifact 上等待确认Wait for selection获得用户对所选主题的明确确认应用主题Apply the theme将所选主题的颜色与字体应用到 deck/artifact。5.1 应用阶段的具体操作要点选中 Midnight Galaxy 之后按 SKILL 描述的应用过程执行从themes/目录读取对应的主题文件即 theme-factory/themes/midnight-galaxy.md将其中指定的颜色与字体贯穿始终地应用在整个 deck 中所有页面、图表、表格、页眉页脚保持一致确保对比度与可读性达标尤其注意 2.2 节提到的 Lavender 小字号场景在所有幻灯片中维持 Midnight Galaxy 的视觉身份一致性。5.2 跨 artifact 应用按 theme-factory/SKILL.md 的定义主题可应用于slides、docs、reportings、HTML landing pages 等任何已创建的 artifact。因此 Midnight Galaxy 的四个色值可以平滑映射为 CSS 设计令牌例如:root { --mdg-deep-purple: #2b1e3e; /* 主背景 */ --mdg-cosmic-blue: #4a4e8f; /* 强调/次级元素 */ --mdg-lavender: #a490c2; /* 高亮点缀 */ --mdg-silver: #e6e6fa; /* 正文与浅色高光 */ --mdg-font-header: FreeSans Bold, sans-serif; --mdg-font-body: FreeSans, sans-serif; }无论是落地为 HTML 着陆页、报告排版还是演示文稿母版都可以按同一套令牌保持品牌一致。六、当现有主题不匹配时按 Midnight Galaxy 风格生成自定义主题如果 Midnight Galaxy 的紫色系不完全贴合需求theme-factory/SKILL.md 的 Create your Own Theme 一节提供了扩展路径基于提供的输入如行业、氛围、偏好的色彩关键词生成一个与现有主题格式一致的新主题为它取一个能描述其所代表的字体/色彩组合的名字类似 Midnight Galaxy 这种意象化命名先用基础描述选择合适颜色与字体生成后先展示给用户审查确认确认通过后再按上文 5.1 的流程应用。例如若需要更冷冽的宇宙风可以基于#2b1e3e的基底将中调色替换为更深邃的藏青、将强调色替换为冷银白从而在保持深底亮字结构不变的前提下获得风格变体——这正是 Midnight Galaxy 展示的四色 双字体主题骨架的可复用价值。七、小结Midnight Galaxy 是 awesome-codex-skills 仓库 theme-factory 技能中视觉冲击力最强、氛围感最鲜明的预置主题之一。它以#2b1e3e深紫、#4a4e8f宇宙蓝、#a490c2薰衣草紫、#e6e6fa银白四个色值构建深底—中调—亮强调的三层色彩结构配合 FreeSans Bold / FreeSans 字体方案适用于娱乐、游戏、夜生活、奢侈品牌与创意机构等强调情绪渲染的展示场景。借助 theme-factory/SKILL.md 的选型与应用流程以及自定义主题扩展机制你可以把这套宇宙叙事视觉语言快速复用到幻灯片、报告、HTML 落地页等各类 artifact 上并在需要时衍生出属于你自己的暗色主题变体。【免费下载链接】awesome-codex-skillsA curated list of practical Codex skills for automating workflows across the Codex CLI and API.项目地址: https://gitcode.com/GitHub_Trending/aw/awesome-codex-skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考