vscode icon indicating copy to clipboard operation
vscode copied to clipboard

Gauge colors make them invisible in some cases

Open abarisain opened this issue 5 months ago • 2 comments

Hello, With some of the Catppuccin themes, the gauges used in the copilot popup do not show up.

I believe it's because "gauge.background", "gauge.foreground" and their warning/error variants are way too transparent.

Image

I worked around this by setting

"workbench.colorCustomizations": {
    "[Catppuccin Macchiato]": {
      "editorIndentGuide.background1": "#797a9c2e",
      "gauge.background": "#9d9fc6ad",
      "gauge.errorForeground": "#611905",
      "gauge.errorBackground": "#b22d09",
    }
  },

Those colors do not fit catppuccin's palette but they fix my issue.

Note: I think there is an issue with VSCode's implementation as they inverted the gauge.foreground/gauge.background (and its error variant) in this popup: the filled part uses "background" and the ... background uses "foreground". I believe the official themes look great by accident. I filed an issue there (https://github.com/microsoft/vscode/issues/256443), but even if VSCode fixes this issue, the theme will still show nothing

abarisain avatar Jul 17 '25 09:07 abarisain

Hey 👋,

I can see that the issue has been fixed upstream. I'm having trouble figuring out where you found the "Copilot Usage" pop-up, can you share how you got that pop-up to appear?

Thanks!

sgoudham avatar Aug 27 '25 22:08 sgoudham

Hello,

It's in the status bar, click on the copilot button on the bottom right. (Little octo with a helmet icon)

I can try to see if the theme still needs adjustements in vscode insiders

abarisain avatar Aug 28 '25 05:08 abarisain