All my text is black

[stephen-oh]

Issue Type: Bug

After the update my text is now all black apart from on the files im editing. I have changed theme and its the same in most dark themes

VS Code version: Code 1.28.0 (431ef9d, 2018-10-05T14:58:53.203Z)
OS version: Windows_NT x64 10.0.17134

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz (8 x 2112)
GPU Status	2d_canvas: enabled checker_imaging: disabled_off flash_3d: enabled flash_stage3d: enabled flash_stage3d_baseline: enabled gpu_compositing: enabled multiple_raster_threads: enabled_on native_gpu_memory_buffers: disabled_software rasterization: enabled video_decode: enabled video_encode: enabled webgl: enabled webgl2: enabled
Memory (System)	15.88GB (5.45GB free)
Process Argv
Screen Reader	no
VM	0%

Extensions: none

[stephen-oh]

Fixed with a restart

[stephen-oh]

[stephen-oh]

Restarting no longer fixing the issue. No extensions installed, settings are seldom changed except for theme. All dark themes have this issue

[egamma]

Can you reproduce this using the Dark+ theme?

What theme are you currently using?

[stephen-oh]

I'm using the Monokai theme, the issue appears with the Dark+ theme also

[stephen-oh]

[isidorn]

Can you reproduce with vscode insiders? https://code.visualstudio.com/insiders/
What if you open some other viewlet like search, do you also see it there?
Are you sure you do not have some user / workspace settings which change the color of the tree foreground?

[stephen-oh]

Just installed insiders and get the same issue

Here's the search

No config settings - this is VS Code

[isidorn]

Looks like electron fyi @bpasero
How about with electron 3.0?
Windows: Download

[bpasero]

We are building exploration builds that use a much newer version of Electron (our UI framework). I wonder if this issue reproduces with one of these builds, could you try? Download:

• macOS: Download
• Linux: Download
• Windows: Download

[stephen-oh]

Same again

[isidorn]

@Patches- and opening chrome just a random website everything is rendered correctly?

[stephen-oh]

[stephen-oh]

Sometimes when I open VSC it will have the white text as expected for a split second then it changes to black

[bpasero]

@Patches- does it reproduce if you run code --disable-gpu?

[stephen-oh]

@bpasero Running that fixes the issue

[fbalhawan]

I'm still facing the issue here even with running code --disable-gpu

[fbalhawan]

@bpasero Thanks for following up. I have went with a better temporary solution. I added
.vs-dark{color:#cccccc}
in workbench.main.css under %localappdata%\Programs\Microsoft VS Code\resources\app\out\vs\workbench

[BartInTheField]

@fbalhawan That temporary solution worked for me as well

[bpasero]

More people seem to hit this, I wonder if this is due to the Windows October update. Do people have this installed?

Adding another brain (@aeschli) to this to put in ideas.

[bpasero]

@fbalhawan @BartInTheField trying to understand if this is a regression from our 1.28 update, does it reproduce with the 1.27 build? Download

[BartInTheField]

@bpasero My text was fine in the 1.27 build

[aeschli]

I suspect there's a syntax error in the dynamic css that we generate.
@BartInTheField @fbalhawan When you have the dev tools open, can you paste the following into the console and press enter.

  el = document.createElement('textarea');
  el.value = document.getElementsByClassName('contributedColorTheme')[0].textContent;
  document.body.appendChild(el);
  el.select();
  document.execCommand('copy');
  document.body.removeChild(el);

This will copy our dynamic css to the clipboard. You can then paste what yoy get into the issue here or a gist

Here's what I get: https://gist.github.com/aeschli/ee9fdbdb3a87c8ac1d4540aa91999bfe

[fbalhawan]

@bpasero as @BartInTheField said, it also worked for me when i tried the version 1.27
@aeschli Here's the CSS copied to my clipboard when executing your script: https://gist.github.com/fbalhawan/4c8b94344d38de2372334af1ae01a96c

I have tried to do a comparison with a merging tool, but it wasn't that helpful for me

[bpasero]

@aeschli thank you, I think we are on the right path

Looks like this CSS rule is causing issues:

.monaco-workbench > .part.editor > .content .editor-group-container.empty .editor-group-letterpress {
    background-image: url('c:/Users/Fouad's HP/AppData/Local/Programs/Microsoft VS Code/resources/app/resources/letterpress-dark.svg')
}

@fbalhawan is your user name Fouad's HP?

@BartInTheField what about your user name?

I do not understand how this could have worked in 1.27. @fbalhawan can you do the same with 1.27 and paste the CSS value here?

[fbalhawan]

@bpasero lol! yup, that's my PC's username.
for 1.27, here's the CSS value: https://gist.github.com/fbalhawan/7cd468150988fa0c4f4fc28795b6b46b

I'm in a bit of a hurry and haven't read it, but it might be that the css element changing the color value of the menu text is written before the syntax error shown in version 1.27

[bpasero]

@fbalhawan thanks, the issue exists in that version too but it is possible that we changed some order so that the impact is less noticeable.

Meanwhile I am able to reproduce this by simply having a single quote in the folder from where I launch VSCode. It looks like this change fixes it:

collector.addRule(`
	.monaco-workbench > .part.editor > .content .editor-group-container.empty .editor-group-letterpress {
		background-image: url('${CSS.escape(join(environment.appRoot, letterpress).replace(/#/g, '%23'))}')
	}
`);

@aeschli I am not 100% sure this is the right solution though, maybe you could confirm. When I do a search for : url( in *.ts I see many more places where we construct a URL based on some path and I do not see the usage of CSS.escape() in any of them.

[aeschli]

@bpasero The sugget to turn the path in a URI and use toString
background-image: url('${Uri.file(join(environment.appRoot, letterpress)).toString()}')
I looked at other places where we emit css uris and I saw only URIs there.

[BartInTheField]

Yes my username is 'Bartin'tVeld' so that seems to be the issue

[stephen-oh]

Ah yes that'll be my issue also then "C:\Users\Stephen O'Hara"