From 54991530cfbc93449ad3cd9389e59a03c065e2c9 Mon Sep 17 00:00:00 2001 From: NgoQuocViet2001 Date: Wed, 15 Jul 2026 10:26:41 +0700 Subject: [PATCH] css: use modern rgb syntax in completions --- src/languageFacts/colors.ts | 6 +++--- src/test/css/completion.test.ts | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/languageFacts/colors.ts b/src/languageFacts/colors.ts index 0c2bdfa5..62e633c6 100644 --- a/src/languageFacts/colors.ts +++ b/src/languageFacts/colors.ts @@ -14,9 +14,9 @@ const hexColorRegExp = /(^#([0-9A-F]{3}){1,2}$)|(^#([0-9A-F]{4}){1,2}$)/i; export const colorFunctions = [ { label: 'rgb', - func: 'rgb($red, $green, $blue)', - insertText: 'rgb(${1:red}, ${2:green}, ${3:blue})', - desc: l10n.t('Creates a Color from red, green, and blue values.') + func: 'rgb($red $green $blue / $alpha)', + insertText: 'rgb(${1:red} ${2:green} ${3:blue} / ${4:alpha})', + desc: l10n.t('Creates a Color from red, green, blue, and alpha values.') }, { label: 'rgba', diff --git a/src/test/css/completion.test.ts b/src/test/css/completion.test.ts index b0848b65..e28537ee 100644 --- a/src/test/css/completion.test.ts +++ b/src/test/css/completion.test.ts @@ -470,7 +470,7 @@ suite('CSS - Completion', () => { }); await testCompletionFor('.foo { background-color: r|', { items: [ - { label: 'rgb', kind: CompletionItemKind.Function, resultText: '.foo { background-color: rgb(${1:red}, ${2:green}, ${3:blue})' }, + { label: 'rgb', detail: 'rgb($red $green $blue / $alpha)', documentation: 'Creates a Color from red, green, blue, and alpha values.', kind: CompletionItemKind.Function, resultText: '.foo { background-color: rgb(${1:red} ${2:green} ${3:blue} / ${4:alpha})' }, { label: 'rgba', kind: CompletionItemKind.Function, resultText: '.foo { background-color: rgba(${1:red}, ${2:green}, ${3:blue}, ${4:alpha})' }, { label: 'rgb relative', kind: CompletionItemKind.Function, resultText: '.foo { background-color: rgb(from ${1:color} ${2:r} ${3:g} ${4:b})' }, { label: 'red', kind: CompletionItemKind.Color, resultText: '.foo { background-color: red' },