Problem with ZSH arrows' colors in Visual Studio Code - visual-studio-code

I've tried installing oh-my-zsh on my Windows 10 machine recently and everything is looking alright inside Windows Terminal,
ut when I try using it inside VSCode's integrated terminal, the colors are way off and the arrows' colors are different from the rest.
Imgur link to what my terminal looks like since Stack Overflow won't let me post any photo: https://imgur.com/a/3myV6wf
I've tried multiple Powerline fonts, modifying VSCode color theme and changing the terminal foreground color, but the result is always the same.
Thanks in advance for your help

I was perplexed by this as well, turns out it's something that recently broke in VS Code as a result of a new accessibility feature introduced in version 1.66. The solution is to add the following to your VS Code settings.json file:
"terminal.integrated.minimumContrastRatio": 1,
Enforcing a minimum contrast ratio for terminal colors is a great idea that will help users with impaired vision, but an unintended consequence was that it would interfere with the way powerline-style tools render separator characters. Thankfully Microsoft offered us a way to disable it.

Related

Syntax highlighting colors have suddenly lowered in contrast (VSCode)

My syntax highlighting colors suddenly look like this:
It looks as if the contrast or brightness has been lowered, or that it has been grayed out.
I can still use everything normally.
My colors used to look like this:
My setup:
VSCode 1.75.1
Ubuntu 22.04 (Gnome)
One Dark Pro theme (but I have it with every theme)
Every file gives the same issue, including files in Home directory (to make sure it's not write permissions)
Does anybody know what could be causing and how I could fix this?
I fixed it. I used to have the Adobe "Source Code Variable" configured as a custom font on Windows, and synced my settings to Ubuntu.
I didn't have the font installed but installed it a bit ago.
After changing to another font it is normal again. Seems like this specific font makes it look low in contrast.
Setting variable: editor.fontFamily

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

Not getting Cascadia Code PL in Powershell

I wanted to get started with posh and oh-my-posh so I installed them according to this article. Microsoft docs. I got the theme but the edges didn't had that arrow(that coolness).
I then downloaded the windows terminal and edited the setting.json there with
"fontFace": "Cascadia Code PL"
So it got the desired result of posh in there.
Now the only problem currently is how to change this in windows powershell. I integrated the powershell in my vs code so there also I was not able to find this theme(or desired result). All I could find is the color but not the arrow and that fancy icons or what the jargon is.
Please help. I want my powershell to have posh.
If I understand correctly, there are two parts to the question.
Changing the PowerShell Window Font
To do this, right-click your PowerShell window and head to "Properties"
There, you can choose the header "Font" and change your font to Cascadia Code PL".
This should fix the problem. If you still experience some weird characters, you might need to install a Nerd Font instead.
Changing the VS Code Terminal Font
To use the font in the VS Code Terminal, head to Settings.
Searching for "integrated terminal font family" should bring up the setting you need to edit. Here, add your font 'Cascadia Code PL' on the very front of the setting and save.
You should now be able to open a terminal and use the PL prompt.

how to remove the color on my console VS code?

I have a problem with my vs code (console) when I type a command on the console it colors me the text, here are the details.
Thanks for your help.
my console
my settings.json
This is one of the many issues caused by winpty.
That "Powershell" in the upper right of your screenshot means that you're using the the regular powershell terminal in VSCode and probably you have those colors set in your powershell.exe (the one that VSCode is using).
So, until this problem is fixed on the "VSCode side", you could try a few things:
reset any color theme/scheme that you may have applied to your powershell.exe
since many issues are related with PSReadLine you can configure his colors like in here
you can try using the Powershell Preview extension which acording to this issue enables PSReadLine support and solves your problem.
I would give this extension a try, with due warning that the intended functionality is only in Preview mode.
Tell me if I can help any more.

vscode on mac is incorrectly highlighting text around text blocks

It is very annoying to see that background around code is lighter then the rest of the program. When the cursor moves the highlighting moves up and down to full window width. Can you please propose solution how to turn this highlighting off. Same problem is in output of task log, and in file explorer.
I have deleted all the settings and Application data and I have same problem. I have installed vscode on windows and I do not have this problem with same settings.
Unfortunately this is an issue in Chromium. You can work around this by starting VS Code with --disable-gpu from the command line.
Sean
It appears this can be fixed for some users by selecting a different color profile in macOS display settings. Note that you have to change this separately for all monitors that you use.
For me, "Apple RGB" will show these blocks, and switching to "LED Cinema Display" or "iMac" solves the issue.
See also: https://github.com/Microsoft/vscode/issues/12473#issuecomment-269024219