Type: Bug
Bug description
Recent VSCode updates have caused symbol theme icons to no longer be colored when used for custom tree view items.
"Symbol theme icons" refers to the symbol-* ID'd icons seen in this list: Product Icon Reference | Visual Studio Code Extension API
As recently as VSCode v1.105.1 (possibly more recent versions as well), they were colored. As of updating to VSCode v1.110.0 today, they are no longer colored. They are still colored in VSCode's builtin Outline view, though.
Steps to reproduce
-
Install an extension like Region Helper, which adds a custom tree view ("Full Outline") involving symbol theme icons used for tree item icons
-
Open an example file with document symbols, e.g.:
exampleRegions.ts
// #region Project Overview
// This file demonstrates structured regions in a project.
// #endregion
// #region Setup
// @ts-expect-error
import { initDatabase } from "./db";
// @ts-expect-error
import { startServer } from "./server";
// #endregion
const _x = 3;
initDatabase();
startServer();
// #region Services
class AuthService {
// #region User Authentication
login(user: string) {
/*...*/
}
logout() {
/*...*/
}
// #endregion
}
class PaymentService {
// #region Payment Processing
processPayment(amount: number) {
/*...*/
}
refundPayment(transactionId: string) {
/*...*/
}
// #endregion
}
// #endregion
// #region Application Logic
class App {
// #region Core Features
run() {
/*...*/
}
stop() {
/*...*/
}
// #endregion
// #region Utilities
log(message: string) {
/*...*/
}
formatData(data: any) {
/*...*/
}
// #endregion
}
// #endregion
- Observe/compare VSCode's builtin "Outline" view, and the custom tree view ("Full Outline"). Notice that although the same symbol theme icons are used for each document symbol in each view, only the builtin Outline's symbol theme icons are colored.
Builtin Outline (VSCode v1.110.0, colored symbol icons):
Full Outline (VSCode v1.105.1, colored symbol icons):
Full Outline (VSCode v1.110.0, symbol icons with updated appearance, but no longer colored):
Autofilled information (generated by issue reporter)
VS Code version: Code 1.110.0 (Universal) (0870c2a, 2026-03-04T01:20:28.863Z)
OS version: Darwin arm64 21.6.0
Modes:
System Info
| Item |
Value |
| CPUs |
Apple M1 Max (10 x 2400) |
| GPU Status |
2d_canvas: enabled
GPU0: VENDOR= 0x106b [Google Inc. (Apple)], DEVICE=0x0000 [ANGLE (Apple, ANGLE Metal Renderer: Apple M1 Max, Version 12.5 (Build 21G72))], DRIVER_VENDOR=Apple, DRIVER_VERSION=12.5 ACTIVE
Machine model name: MacBookPro
Machine model version: 18.2
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
skia_graphite: enabled_on
trees_in_viz: disabled_off
video_decode: enabled
video_encode: enabled
webgl: enabled
webgl2: enabled
webgpu: enabled
webnn: disabled_off |
| Load (avg) |
6, 5, 5 |
| Memory (System) |
64.00GB (0.18GB free) |
| Process Argv |
--crash-reporter-id f6fcbde6-e25c-440b-a68f-dd3d5c835731 |
| Screen Reader |
no |
| VM |
0% |
Extensions (76)
| Extension |
Author (truncated) |
Version |
| alys-custom-extension |
aly |
0.0.1 |
| region-helper |
Aly |
1.6.2 |
| tsl-problem-matcher |
amo |
0.6.2 |
| ng-template |
Ang |
21.2.2 |
| vscode-django |
bat |
1.15.0 |
| tailwindshades |
bou |
0.0.5 |
| vscode-tailwindcss |
bra |
0.14.29 |
| cyberpunk-2020 |
Car |
0.1.4 |
| path-intellisense |
chr |
2.10.0 |
| postcss |
css |
1.0.9 |
| vscode-markdownlint |
Dav |
0.61.1 |
| vscode-eslint |
dba |
3.0.24 |
| basedpyright |
det |
1.38.2 |
| python-environment-manager |
don |
1.2.7 |
| python-extension-pack |
don |
1.7.0 |
| dprint |
dpr |
0.17.1 |
| viml |
dun |
0.1.7 |
| bracket-pair-toggler |
dzh |
0.0.3 |
| gitlens |
eam |
17.11.0 |
| vscode-ts-auto-return-type |
ebr |
1.1.0 |
| vscode-html-css |
ecm |
2.0.14 |
| EditorConfig |
Edi |
0.18.1 |
| elm-ls-vscode |
elm |
2.8.0 |
| prettier-vscode |
esb |
12.3.0 |
| copilot-chat |
Git |
0.38.0 |
| vscode-github-actions |
git |
0.31.0 |
| haskell |
has |
2.8.0 |
| vscode-test-explorer |
hbe |
2.22.1 |
| githd |
hui |
2.5.7 |
| output-colorizer |
IBM |
0.1.2 |
| applescript |
idl |
0.29.4 |
| jxa |
idl |
0.2.3 |
| search-node-modules |
jas |
1.3.0 |
| typescript-return-type-inference-plugin |
joe |
0.0.10 |
| language-haskell |
jus |
3.6.0 |
| vsc-python-indent |
Kev |
1.21.0 |
| bash-ide-vscode |
mad |
1.43.0 |
| Kotlin |
mat |
1.7.1 |
| graphql |
mqu |
0.1.2 |
| vscode-json5 |
mrm |
1.0.0 |
| debugpy |
ms- |
2025.18.0 |
| python |
ms- |
2026.2.0 |
| vscode-python-envs |
ms- |
1.20.1 |
| remote-containers |
ms- |
0.447.0 |
| atom-keybindings |
ms- |
3.3.0 |
| cpptools |
ms- |
1.30.5 |
| extension-test-runner |
ms- |
0.0.14 |
| makefile-tools |
ms- |
0.12.17 |
| test-adapter-converter |
ms- |
0.2.1 |
| prettify-ts |
Myl |
0.3.9 |
| autodocstring |
njp |
0.6.1 |
| erlang |
pgo |
1.1.3 |
| tsserver-live-reload |
rbu |
1.0.1 |
| multi-command |
ryu |
1.6.0 |
| markdown-preview-enhanced |
shd |
0.8.20 |
| stannum-shellscript-syntax |
sta |
1.0.0 |
| code-spell-checker |
str |
4.5.6 |
| vscode-styled-components |
sty |
1.7.8 |
| svelte-vscode |
sve |
109.14.2 |
| language-stylus |
sys |
1.16.0 |
| even-better-toml |
tam |
0.21.2 |
| shellcheck |
tim |
0.39.1 |
| jest-snapshot-language-support |
tle |
1.1.1 |
| theme-manager |
und |
0.0.1 |
| vscode-mdx |
uni |
1.8.17 |
| intellicode-api-usage-examples |
Vis |
0.2.9 |
| vscodeintellicode |
Vis |
1.3.2 |
| vim |
vsc |
1.32.4 |
| vscode-todo-highlight |
way |
1.0.5 |
| jinja |
who |
0.0.8 |
| region-highlighter |
Wie |
1.0.1 |
| color-vision |
wil |
0.1.0 |
| change-case |
wma |
1.0.0 |
| vscode-mdx-preview |
xyc |
0.3.3 |
| markdown-all-in-one |
yzh |
3.6.3 |
| html-css-class-completion |
Zig |
1.20.0 |
(23 theme extensions excluded)
A/B Experiments
vsliv368:30146709
binariesv615:30325510
nativeloc1:31344060
dwcopilot:31170013
dwoutputs:31242946
copilot_t_ci:31333650
e5gg6876:31282496
pythonrdcb7:31342333
6518g693:31463988
aj953862:31281341
82j33506:31327384
6abeh943:31336334
envsdeactivate2:31464701
cloudbuttont:31379625
aihoversummaries_t:31469308
3efgi100_wstrepl:31403338
55ia6109:31457054
use-responses-api:31390855
ec5jj548:31422691
cp_cls_c_966_ss:31454199
find_all_ref_in_bg_t:31469306
nes-autoexp-off:31446584
a5gib710:31434435
7a04d226_do_not_restore_last_panel_session:31438103
cp_cls_c_1081:31454833
copilot-nes-oct-trt:31432596
ia-use-proxy-models-svc:31452481
a43f0574:31442827
e9c30283:31461165
test_treatment2:31471001
nes-fast-additive:31462666
g_63ac8346:31467999
idci7584:31464702
edit_mode_hidden:31461530
864ei723_large_tool_results_to_disk:31460878
showingstats:31471631
b1f5h706:31471673
nes-extended-on:31455476
chat:31457767
nes-sp-off:31471622
0h66b693:31471929
nes-rcnt-ctrl:31471618
4dgh1208:31471592
Extra info
Looking into this briefly, I'd guess the underlying issue could be related to this commit: Limit where symbol-* codicons are colored (b247355) (#267787)
And in particular, its diff in src/vs/workbench/browser/parts/views/treeView.ts: b247355#diff-cabdd13680b401db508553f495270a9278ab96e0cf8313eed4fb5ae74593bd86R1466-R1480
which adds the codicon-colored class to the class list (allowing the icons to be colored), but for some reason was rolled back before the PR was merged, by this commit in the PR: e9d2d86#diff-cabdd13680b401db508553f495270a9278ab96e0cf8313eed4fb5ae74593bd86L1477-R1477
Thanks in advance for looking into this!
Type: Bug
Bug description
Recent VSCode updates have caused symbol theme icons to no longer be colored when used for custom tree view items.
"Symbol theme icons" refers to the
symbol-*ID'd icons seen in this list: Product Icon Reference | Visual Studio Code Extension APIAs recently as VSCode v1.105.1 (possibly more recent versions as well), they were colored. As of updating to VSCode v1.110.0 today, they are no longer colored. They are still colored in VSCode's builtin Outline view, though.
Steps to reproduce
Install an extension like Region Helper, which adds a custom tree view ("Full Outline") involving symbol theme icons used for tree item icons
Open an example file with document symbols, e.g.:
exampleRegions.ts
Builtin Outline (VSCode v1.110.0, colored symbol icons):
Full Outline (VSCode v1.105.1, colored symbol icons):
Full Outline (VSCode v1.110.0, symbol icons with updated appearance, but no longer colored):
Autofilled information (generated by issue reporter)
VS Code version: Code 1.110.0 (Universal) (0870c2a, 2026-03-04T01:20:28.863Z)
OS version: Darwin arm64 21.6.0
Modes:
System Info
GPU0: VENDOR= 0x106b [Google Inc. (Apple)], DEVICE=0x0000 [ANGLE (Apple, ANGLE Metal Renderer: Apple M1 Max, Version 12.5 (Build 21G72))], DRIVER_VENDOR=Apple, DRIVER_VERSION=12.5 ACTIVE
Machine model name: MacBookPro
Machine model version: 18.2
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
skia_graphite: enabled_on
trees_in_viz: disabled_off
video_decode: enabled
video_encode: enabled
webgl: enabled
webgl2: enabled
webgpu: enabled
webnn: disabled_off
Extensions (76)
(23 theme extensions excluded)
A/B Experiments
Extra info
Looking into this briefly, I'd guess the underlying issue could be related to this commit: Limit where symbol-* codicons are colored (b247355) (#267787)
And in particular, its diff in
src/vs/workbench/browser/parts/views/treeView.ts: b247355#diff-cabdd13680b401db508553f495270a9278ab96e0cf8313eed4fb5ae74593bd86R1466-R1480which adds the
codicon-coloredclass to the class list (allowing the icons to be colored), but for some reason was rolled back before the PR was merged, by this commit in the PR: e9d2d86#diff-cabdd13680b401db508553f495270a9278ab96e0cf8313eed4fb5ae74593bd86L1477-R1477Thanks in advance for looking into this!