灵芽色彩助手 (Lingya Color Helper)

VSCode 插件，用于在编码过程中快速使用灵芽设计系统的颜色变量。

功能特点

• 🎨 自动识别十六进制颜色值，并提供对应的灵芽设计系统变量建议
• 💡 输入 -- 时提供灵芽颜色变量的智能提示
• 🔄 支持将已有的十六进制颜色值快速替换为对应的变量

使用方法

1. 输入十六进制颜色值时自动提供建议：

   .example {
     color: #6B57C7; /* 会提示使用 var(--ly-color-purple) */
   }
   

2. 使用变量时的智能提示：

   .example {
     color: var(--ly-color-purple); /* 输入 -- 时会提供提示 */
   }
   

3. 悬停在颜色值或变量上可以查看预览和详细信息

4. 使用命令面板中的"替换为灵芽颜色变量"命令可以批量替换颜色值

支持的颜色变量

插件支持灵芽设计系统中的所有颜色变量

安装

在 VSCode 扩展商店中搜索"灵芽色彩助手"或"Lingya Color Helper"即可安装。

配置

在 VSCode 设置中可以配置以下选项：

• lingyaColorHelper.enabled: 启用/禁用插件（默认：启用）