[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 comments) (128 reactions) (1 assignee)TypeScript (10,221 forks)batch import

css-less-scssfeature-requesthelp wanted

Repository metrics

Stars: (74,848 stars)
PR merge metrics: (平均マージ 11h 43m) (30d で 1,000 merged PRs)

説明

Снимок экрана от 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
Issue 種別: 機能
難度: 2
推定時間: 半日
活動状況: アクティブ
明確さ: 明確
前提条件: CSSTypeScript
初心者向け度: 75

Repository metrics

説明

コントリビューターガイド

新着 Easy issues をメールで受け取る。