error and warning zigzag lines overlap the text about cobalt2-vscode HOT 11 OPEN

This issue is also reported after the recent VS Code version: Code 1.88.0 update:

• microsoft/vscode#209614

Please consider giving this VS Code issue a like and leaving a comment there, so that it could be given higher priority for the upcoming release.

Temporary Solution

Use less vibrant color or any other color you may like for the underline:

"workbench.colorCustomizations": {
  "[Cobalt2]": {
    "editorError.foreground": "#ff000088",
    "editorWarning.foreground": "#ffe60033",
    "editorInfo.foreground": "#00ff0088"	
  }
}

"workbench.colorCustomizations": {
  "[Cobalt2]": {
    "editorError.foreground": "#00000000",
	"editorError.background": "#ff003333",
	"editorError.border": "#00000000",
	"editorWarning.foreground": "#00000000",
	"editorWarning.background": "#ffff0022",
	"editorWarning.border": "#00000000",
	"editorInfo.foreground": "#00000000",
	"editorInfo.background": "#22EE0022",
	"editorInfo.border": "#00000000"
  }
}

Optional

Use Error Lens vscode extension:

• https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

from cobalt2-vscode.

thats odd. The theme itself doesnt control the size or placement of any of that. Are you sure you dont have a weird line-height setting? What happens if you change the font? Maybe something odd that the italics are causing?

from cobalt2-vscode.

Same here:

I've been using the theme for years already and just got this odd thing.
Tried to change font / font-size settings, but it doesn't change the appearance of the warning / error curvy line. Also line-height settings are all zeroes, as set by default. Plus there are no editor.tokenColorCustomizations or workbench.colorCustomizations values defined in settings, which could affect the position of the line.

VScode Info:
Version: 1.88.0
Commit: 5c3e652f63e798a5ac2f31ffd0d863669328dc4c
Date: 2024-04-03T13:28:18.899Z
Electron: 28.2.8
ElectronBuildId: 27744544
Chromium: 120.0.6099.291
Node.js: 18.18.2
V8: 12.0.267.19-electron.0
OS: Darwin x64 23.0.0

from cobalt2-vscode.

I am also seeing this in Version: 1.88.0 (Universal)
It appears to have started after updating to the March release.

Screenshot from Cobalt2 theme:

I ran through several other normal dark and light themes and only one other theme (Night Owl Light) had the same issue:

Something I found interesting is on the high contrast themes, there are two visible horizontal bars below the squiggly, I wonder if they are somehow related to why yours are showing up higher than others.

from cobalt2-vscode.

@cmccormack,

I wonder if they are somehow related to why yours are showing up higher than others

Nah, those are just border styles used for high contrast themes, i believe.

Which, by the way, can be used by a temporary workaround for this. As i personally now can't see the errors and i only find those looking at tab name having errors counter and looking at the scrollbar for a reddish square.

"workbench.colorCustomizations": {
  "[Cobalt2]": {
    "editorWarning.foreground": "#00000000",
    "editorWarning.border": "#ffc600",
    "editorError.foreground": "#00000000",
    "editorError.border": "#ff628c"
  }
}

from cobalt2-vscode.

thats odd. The theme itself doesnt control the size or placement of any of that. Are you sure you dont have a weird line-height setting? What happens if you change the font? Maybe something odd that the italics are causing?

it is the same even with different fonts. I also reset the line-height as I was using suggested recommendations here

from cobalt2-vscode.

Night owl also reporting double underlines showing up.. Related? sdras/night-owl-vscode-theme#322

from cobalt2-vscode.