diff --git a/extensions/references-view/src/utils.ts b/extensions/references-view/src/utils.ts
index cd25e549e17..6989979a6b4 100644
--- a/extensions/references-view/src/utils.ts
+++ b/extensions/references-view/src/utils.ts
@@ -130,7 +130,16 @@ const _themeIconIds = [
 	'symbol-event', 'symbol-operator', 'symbol-type-parameter'
 ];
 
+const _themeIconColorIds = [
+	'symbolIcon.fileForeground', 'symbolIcon.moduleForeground', 'symbolIcon.namespaceForeground', 'symbolIcon.packageForeground', 'symbolIcon.classForeground', 'symbolIcon.methodForeground',
+	'symbolIcon.propertyForeground', 'symbolIcon.fieldForeground', 'symbolIcon.constructorForeground', 'symbolIcon.enumeratorForeground', 'symbolIcon.interfaceForeground',
+	'symbolIcon.functionForeground', 'symbolIcon.variableForeground', 'symbolIcon.constantForeground', 'symbolIcon.stringForeground', 'symbolIcon.numberForeground', 'symbolIcon.booleanForeground',
+	'symbolIcon.arrayForeground', 'symbolIcon.objectForeground', 'symbolIcon.keyForeground', 'symbolIcon.nullForeground', 'symbolIcon.enumeratorMemberForeground', 'symbolIcon.structForeground',
+	'symbolIcon.eventForeground', 'symbolIcon.operatorForeground', 'symbolIcon.typeParameterForeground'
+];
+
 export function getThemeIcon(kind: vscode.SymbolKind): vscode.ThemeIcon | undefined {
 	const id = _themeIconIds[kind];
-	return id ? new vscode.ThemeIcon(id) : undefined;
+	const color = new vscode.ThemeColor(_themeIconColorIds[kind]);
+	return id ? new vscode.ThemeIcon(id, color) : undefined;
 }
diff --git a/src/vs/workbench/browser/parts/views/treeView.ts b/src/vs/workbench/browser/parts/views/treeView.ts
index 3187578f0d5..c8cae02f383 100644
--- a/src/vs/workbench/browser/parts/views/treeView.ts
+++ b/src/vs/workbench/browser/parts/views/treeView.ts
@@ -1474,8 +1474,7 @@ class TreeRenderer extends Disposable implements ITreeRenderer<ITreeItem, FuzzyS
 					templateData.icon.style.color = this.themeService.getColorTheme().getColor(node.themeIcon.color.id)?.toString() ?? '';
 				}
 			}
-			// Allow symbol codicons to show their colors in custom tree views
-			templateData.icon.className = iconClass ? `custom-view-tree-node-item-icon codicon-colored ${iconClass}` : '';
+			templateData.icon.className = iconClass ? `custom-view-tree-node-item-icon ${iconClass}` : '';
 			templateData.icon.style.backgroundImage = '';
 		}