Microsoft/vscode

[css] support comma less color notations

Open

#273,934 创建于 2025年10月29日

在 GitHub 查看
 (8 评论) (0 反应) (1 负责人)TypeScript (74,848 star) (10,221 fork)batch import
css-less-scssfeature-requesthelp wanted

描述

Currently the color picker offers colors in (legacy):

  • rgba(r, g, b, a)
  • hsla(h, s, l, a)
  • #rrggbbaa

and are not configurable. company rules or personal preference might require other formats for instance (modern)

  • rgb(r g b / a)
  • rgb(r g b)
  • rgb(r, g, b) (legacy none transparent)

which, in css color module level 4 are all valid color definitions.

Settings

"editor.colorPickerLevel" : "legacy",
"editor.colorPickerPresentations" [
  "rgb",
  "rgb_modern"
]

贡献者指南

技术栈
typescriptcss
领域
developer experiencetoolingfrontend
议题类型
feature
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-2 days
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
blocked
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
TypeScriptVS Code extension APICSS Color Module Level 4
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
30
研究方向
Investigate the current color picker implementation in VS Code's CSS language features extension, likely in `extensions/css language features/`. Look at how color values are parsed and formatted, particularly in files like `colorProvider.ts` or `colorPresenter.ts`. The issue proposes new settings `editor.colorPickerLevel` and `editor.colorPickerPresentations`. Study the existing color picker settings and understand how to add new color notations such as `rgb(r g b / a)`. Review the CSS Color Module Level 4 specification for comma less syntax. Check if there are any existing PRs or comments that define the expected behavior.