Visual Studio Code HTML Colors are off? - visual-studio-code

Can anyone help me figure out why code colors seems to be off? Doesnt matter what theme I am using, my element tags are always the same color as the text that might be in it.
I tried a reinstall and that didnt change anything.
Thank you
example of my issue (in the nav)

Not sure what the cause is but I fixed it by following the instructions on this page. Seems to have normalized everything by doing a complete reinstall
Complete uninstall of vscode

Related

How to fix code highlighted in red in VS Code

This happened suddenly after I restarted my computer, all of a sudden any code I type is highlighted in red. Does anyone know how to fix this? See image.
OS: Windows
UPDATE:
This is the weirdest thing, I simply restarted my computer (again), and it just disappeared. It's a shame, because I didn't get to figure out how it happened, but it's good to know about this Bisect feature in VS Code!
This might have something to do with one of your extensions acting up.
VScode has a nice feature to help you find the specific extension that's causing problems without you having to check each one individually.
VScode bisect function.
Press crtl+p then type bisect
It may be one of your extensions that makes this. You can check it by disabling them one by one(ctrl + shift +X and then choose installed). I guess maybe an extension that belongs these:enter image description here.
Hope helpful.

Why there are no colors in the code text in Visual Studio Code?

Code Text Colorless
When I code in Visual Studio, it doesn't show any colours in the code text. It shows blue and green colours only for the class and comments texts. Also, VS doesn't suggest me anything when I code. Apart from this, everything things run fine and if there are any errors it shows up in the problem section.
I am doing flutter/ dart
I would really appreciate it if anyone helps me sort it out.
Thank you :)
Happened to me today, hope it helps someone: in my case it was just a broken extension JavaScript and TypeScript Nightly from Microsoft. After uninstalling, everything went back to normal.
I think the issue is likely the VS Code theme you're using. Dark (Visual Studio) only shows limited colours - try changing it to Dark+ and you should see more colours.
Dark
Dark+
To Change This Settings;
Setting Icon > Color Theme > Select Dark+ Configuration;
This issue was fixed, once I updated VS code and restarted it. The text colour for every widget and class was back after that.
I am not using VS but you might try to add Flutter and Dart extension from marketplace.
In VS Code, open the Color Theme picker with File > Preferences > Color Theme. (Code > Preferences > Color Theme on macOS).
You can also use the keyboard shortcut Ctrl+K Ctrl+T to display the picker.
Use the cursor keys to preview the colors of the theme.
Select the theme you want and press Enter.
What worked for me was checking if I had any deprecated or problems with an extension. Go to extensions in vs code (or ctrl+shift+x) check if any of your installed extensions has a problem; a warning yellow sign should appear below if your extension is deprecated or has any other problem. Fix the faulty extensions.
You can try installing "Flutter Widget Snippets" for already written code snippets from VS code Extensions.

Highlighting problem in Jupyter Notebook - VSCode

Lately when using Jupyter Notebook in VS Code to write some assignments for my studies I ran into a quite annoying problem - whenever there is a mistake in my code cell that prevents it from running, the "traceback" (or however you call it) to the place where the error persists is colored with a high-contrast marker (the color depends on the theme used) and makes the content pretty much invisible unless you manually "select" it with the mouse coursor. Is there any way I could fix it without going too much in-depth into VSCode/Jupyter Notebook extension settings?
The highlighting looks like shown below.
Yellow syntax marker problem.
And another one here.
I tried all the themes preinstalled with VS Code such as Monokai, Solarized Light etc., and also a custom theme of my choice called Dracula.
Thanks in advance.
This issue has recently reappeared. While the issue is being fixed you can change the highlight colour within the vscode settings.
Open settings and search for "Workbench:ColorCustomizations"
Image of settings page
Create or alter the "terminal.ansiYellow": "#eed202" to a more appropriate value like "terminal.ansiYellow": "#9b4550". See the linked image.
Credit for this fix: https://github.com/microsoft/vscode-jupyter/issues/8717#issuecomment-1241776226
I also have this problem. It looks like they fixed it less than 1 month ago as of writing this, so it may go away if you update to a recent pre-release of Jupyter in VS Code. Personally, I am going to live with it until the next stable release.
My version of Jupyter in VS Code:
Screenshot of Jupyter Versions
Screenshot of vscode-jupyter github: Screenshot of vscode-jupyter github
https://github.com/microsoft/vscode-jupyter/issues/8697

VS code background clipping?

High width window messes up with the theme, the IDE looses the background color. Only when not on full screen.
So this seems like an issue that only happens only when not in full screen and on high width.
My environment is a Macbook Pro 2020. Running MacOS Catalina.
My theme is: Tokyo Midnight Storm
Let me know if you need more info.
Does anybody know how to fix this?
edit: Resolution: 1440p
see here:
After looking more into it on the vscode repo I found that the solution is to close VS code, go to your terminal and open vscode through there with the following flag:
code --disable-gpu
This is not a solution of course, it's a way to go around the problem. You could make an alias too I suppose.
Either way I hope this helps.

The unreadable tool tip in eclipse [Windows]

As you can see the tip select is unreadable becase the font color is the same as the background color of the select field. I have no idea how to fix it. I found here the resolution for Linux only :( [Im using the windows 7]. I tried to reinstall the eclipse etc but nothing helped me.
Can someone tell me how fix it?
Whats more everything is good i mean readable when im using the white [classic] theme but i really prefer the dark theme i think its better for my eyes.
Thanks for help.
I founded that changing the composition from Windows setting may help me. But what is it possible to change only the one atribute [font or highlight color] without changing the whole composition? :/