[css] Add new CSS color functions · Microsoft/vscode#165207

2022-11-02T00:02:00.000Z

![Снимок экрана от 2022-11-02 00-55-30](https://user-images.githubusercontent.com/19343/199363625-89b1536e-1f4c-4c0a-8a2e-fca0a41c3185.png) [CSS Color Modules 4](https://www.w3.org/TR/css-color-4/) added many new color functions. This spec already Candidate Recommendation Draft and was implemented in Safari 15 without any flags. We already have a few articles about the most interesting of them [`oklch()`](https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl) and [`lch()`](https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/). We need the same color preview box as we have for other colors like `red`. Functions: * [`oklch()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklch) and [`oklab()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/oklab) * [`lch()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lch) and [`lab()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/lab)

(23 评论) (128 反应) (1 负责人)TypeScript (10,221 fork)batch import

css-less-scssfeature-requesthelp wanted

仓库指标

Star: (74,848 star)
PR 合并指标: (平均合并 11小时 43分钟) (30 天内合并 1,000 个 PR)

描述

Снимок экрана от 2022-11-02 00-55-30

CSS Color Modules 4 added many new color functions. This spec already Candidate Recommendation Draft and was implemented in Safari 15 without any flags. We already have a few articles about the most interesting of them oklch() and lch().

We need the same color preview box as we have for other colors like red.

Functions:

oklch() and oklab()
lch() and lab()

贡献者指南

研究方向: 检查现有为命名颜色提供颜色预览的实现，并扩展以支持新的CSS颜色函数。
技术栈: typescript
领域: frontend
议题类型: 功能
难度: 2
预计时间: 半天
活动状态: 活跃
清晰度: 清晰
前置要求: CSSTypeScript
新手友好度: 75

仓库指标

描述

贡献者指南

每天在邮箱收到新鲜 Easy issues。