Different colored area on macOS

[lramos15]

Fired up vscode on my personal m1 mac for the first time in awhile.

Seeing discoloration in the rendering surrounding the area. I cannot see anything in the DOM that would explain this different colored section. I do not see this on my intel macbook which is settings synced to my M1 machine such that all extensions and settings are the same.

@deepak1556 I assigned you because I figured this might be an electron thing with rendering feel free to reassign or let me know how I may help debug.

[MitchLenton]

This happens to me with an intel mac as well. It was fixed by setting "disable-hardware-acceleration": true in the .vscode/argv.json file.

Specs
Intel MacBook Pro
macOS 12.2.1

[tillig]

Issue #154387 was marked as a duplicate of this one, however, I do see the issue on an Intel MacBook. --disable-gpu stops the weird rendering from occurring.

[lramos15]

Issue #154387 was marked as a duplicate of this one, however, I do see the issue on an Intel MacBook. --disable-gpu stops the weird rendering from occurring.

I've renamed the issue to discuss both versions of macOS. The reason I named it M1 mac at first is I cannot repro this on my intel mac but can on my M1 machine

[A-Yaskevich]

Issue #154387 was marked as a duplicate of this one, however, I do see the issue on an Intel MacBook. --disable-gpu stops the weird rendering from occurring.

I've renamed the issue to discuss both versions of macOS. The reason I named it M1 mac at first is I cannot repro this on my intel mac but can on my M1 machine

I have Intel MAC, but facing the same problem

[deepak1556]

Very likely a regression in the disable color correct rendering patch maintained by electron. Confirmation pending.

[Kyngo]

This happens to me with an intel mac as well. It was fixed by setting "disable-hardware-acceleration": true in the .vscode/argv.json file.

Specs Intel MacBook Pro macOS 12.2.1

I had this enabled and still can see this glitch. M1 Mac Mini here. Can confirm that running code --disable-gpu on terminal opens the editor without this glitch.

[hua03]

This happens to me with an intel mac as well. It was fixed by setting "disable-hardware-acceleration": true in the .vscode/argv.json file.
Specs Intel MacBook Pro macOS 12.2.1

I had this enabled and still can see this glitch. M1 Mac Mini here. Can confirm that running code --disable-gpu on terminal opens the editor without this glitch.

code --disable-gpu also works for me. I'm intel chip and macOS 10.15.6.

[jeremyn]

Since upgrading to 1.69 I've also had problems with color, particularly blocks of color flickering between blue, magenta, or white when I highlight text, sometimes hiding some but not all of the text under the block I've highlighted.

Lots of issues have been redirected here as duplicates, however in my case I'm using Ubuntu 22.04. If my problem sounds like a duplicate of this issue then please update this issue's title so it doesn't say "macOS". Otherwise I can make a new issue. Thanks.

[its-codetime]

Both of the methods listed above did not work for me. I'm on an intel mac(monterey 12.2.1).
What did work is removing "disable-color-correct-rendering": true from ~/.vscode/argv.json file and restarting vscode. Now the different coloured patch on the side and bottom is gone.

[RickyRomero]

I've noticed a situation where this issue doesn't appear which may help the team debug it.

For me, this problem disappears when my Mac's display is set to the sRGB color profile (System Preferences > Displays > Display Settings... > Color Profile > sRGB IEC61966-2.1). After relaunching VS Code, the bug doesn't reappear.

So, it appears this issue is indeed related to mismatched color profiles somewhere in the rendering pipeline.

macOS Monterey 12.4 / Apple M1 Max / VS Code 1.69.0

⚠️ I don't recommend others use this as a solution, as it may prevent accurate color rendering across the entire OS.

[JackyChan]

Had the same problem on my M1 macbook air, I had to open the argv.json file (you can use Shift + CMD + P and type Configure Runtime Arguments to open it) and set this line to false :

"disable-color-correct-rendering": false

(it was on true, maybe by default).

After that, just close your VS Code instance with CMD + Q and restart it.

Awesome, work for me.

[eduard-ungureanu]

None of the above options worked for me on a MacBook Air M1, except by editing the file ~/.vscode/argv.json and commenting out this line of code:

"disable-color-correct-rendering": true

The same can be achieved by setting the false value instead of true.

[barrd]

Fixed in 1.70.0 release Apple Mac, Intel macOS Monterey

[RickyRomero]

1.70.0 fixed it for me too!

[carlosbelardi]

I'm still seeing super faded colors on 1.70.0 on my 16-inch M1 Mac. For context my theme is One Dark Pro Darker, and this is what my argv.json file looks like. I've tried other themes and it looks a bit better? So not super sure if the issue is with One Dark Pro

Not sure how visible it is in these screenshots, but text that should be red looks almost like a rust orange, and the green and blue text also looks very dull/faded compared to how it was about a month ago.

I first noticed this a few weeks ago, and adding "disable-hardware-acceleration": true to my argv.json file fixed it, but that's no longer the case

[Enubia]

I'm still seeing super faded colors on 1.70.0 on my 16-inch M1 Mac. For context my theme is One Dark Pro Darker, and this is what my argv.json file looks like. I've tried other themes and it looks a bit better? So not super sure if the issue is with One Dark Pro

Not sure how visible it is in these screenshots, but text that should be red looks almost like a rust orange, and the green and blue text also looks very dull/faded compared to how it was about a month ago.

I first noticed this a few weeks ago, and adding "disable-hardware-acceleration": true to my argv.json file fixed it, but that's no longer the case

Can confirm this behavior, at first glance everything seems fine but if you look close the colors are still messed up. It's just not as present as it was before the release that "fixed" it.

After setting "disable-hardware-acceleration": true it was fine again.
I removed the setting again and it stayed "fixed", at least for now.

Whatever's causing this, in my case disabling and enabling hardware-acceleration fixed it.

[jenky]

I'm still seeing super faded colors on 1.70.0 on my 16-inch M1 Mac. For context my theme is One Dark Pro Darker, and this is what my argv.json file looks like. I've tried other themes and it looks a bit better? So not super sure if the issue is with One Dark Pro

Not sure how visible it is in these screenshots, but text that should be red looks almost like a rust orange, and the green and blue text also looks very dull/faded compared to how it was about a month ago.

I first noticed this a few weeks ago, and adding "disable-hardware-acceleration": true to my argv.json file fixed it, but that's no longer the case

I had the same issue, except that both "disable-hardware-acceleration" and "disable-color-correct-rendering" didn't work for me. Everything was fine in 1.68

[alxlacayo]

I'm also getting washed out colors on my late 2015 imac

[kydva]

"disable-hardware-acceleration" and "disable-color-correct-rendering" didn't work for me too.

[deepak1556]

Closing since this is addressed in 1.70 and higher, refs #152816 (comment)

We still have issues for P3 display which is tracked in #161028