From dab98e90a94624cfa8609030c5d4ec76450edbd1 Mon Sep 17 00:00:00 2001
From: Gaurav Bhagchandani <gbolosta@gmail.com>
Date: Sat, 12 Nov 2022 23:22:23 -0800
Subject: [PATCH] Added an extra condition to render native colors that cannot
 be parsed with RegEx

---
 .../editor/contrib/suggest/browser/suggestWidgetRenderer.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/vs/editor/contrib/suggest/browser/suggestWidgetRenderer.ts b/src/vs/editor/contrib/suggest/browser/suggestWidgetRenderer.ts
index 7a2ca2732c7f8..6cfe82d8345e4 100644
--- a/src/vs/editor/contrib/suggest/browser/suggestWidgetRenderer.ts
+++ b/src/vs/editor/contrib/suggest/browser/suggestWidgetRenderer.ts
@@ -179,6 +179,12 @@ export class ItemRenderer implements IListRenderer<CompletionItem, ISuggestionTe
 			data.iconContainer.className = 'icon hide';
 			data.colorspan.style.backgroundColor = color[0];
 
+		} else if (completion.kind === CompletionItemKind.Color && typeof completion.documentation === 'string') {
+			// special logic for 'color' completion items that cannot be parsed using Regex
+			data.icon.className = 'icon customcolor';
+			data.iconContainer.className = 'icon hide';
+			data.colorspan.style.backgroundColor = completion.documentation;
+
 		} else if (completion.kind === CompletionItemKind.File && this._themeService.getFileIconTheme().hasFileIcons) {
 			// special logic for 'file' completion items
 			data.icon.className = 'icon hide';