SuperAPI AI 工具集

editor-themes

设计与创作

查看项目

更新于 10-15 17:24

技能介绍

用途:从单一品牌色出发,为代码编辑器、终端和 IDE 生成完整配色体系。适合需要从品牌色创建 VSCode 主题、终端配色方案,或为设计系统生成编辑器色彩的场景。安装命令为 npx @basiclines/rampa。

主要能力:采用两层架构,第一层是由 Rampa 输出的调色板变量(如 --accent-0..9、--neutral-0..9、--syntax 三色系),第二层是用户自行映射的语义令牌(如 --editor-bg、--keyword、--string),第三层供 VSCode、终端等消费。修改一次 --accent-*,所有语义令牌随之更新,无需改动主题代码。还提供浅色主题变体、VSCode 主题格式与终端 16 色 ANSI 映射的示例。

使用方式:用 rampa 命令生成调色板,例如生成主强调色用 rampa -C "<brand-color>" -L 95:15 --size=10 -O css --name=accent;中性色用 rampa -C "<brand-color>" -L 98:8 -S 3:8 --size=10 -O css --name=neutral;语法色用 rampa -C "<brand-color>" --add=triadic -L 85:35 -S 80:60 --size=7 -O css --name=syntax。随后手动定义语义令牌,再导出为 VSCode 或终端配置。

限制:资料未提供价格、收费模式、平台支持范围、性能数据与实际效果说明。示例代码中的十六进制色值仅为演示,具体主题需自行测试与调整。可维护性依赖正确划分调色板层与语义层。