Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Peek transparency doesn't work well #1297

Open
robertohuertasm opened this issue Apr 16, 2024 · 1 comment
Open

Peek transparency doesn't work well #1297

robertohuertasm opened this issue Apr 16, 2024 · 1 comment
Assignees

Comments

@robertohuertasm
Copy link

robertohuertasm commented Apr 16, 2024

Describe the bug
Whenever I open a peek, it doesn't matter dark or light mode, the header is transparent making it very difficult to read.

To Reproduce
Steps to reproduce the behavior:

  1. Open a peek by looking for references anywhere in your code.

Expected behavior
The header shouldn't be transparent.

Screenshots
By default:
image

How I would like to see it:
image

Additional context
image

If I disable the background-color property from this class. It works as expected.

Note that this affects ALL THEMES.

@robertohuertasm
Copy link
Author

robertohuertasm commented Apr 16, 2024

For what I see this is caused because I use sticky scroll in the peek. Ideally, it would be nice to fix the --vscode-peekViewEditorStickyScroll-background value so it wouldn't be transparent.

image

For now, my workaround is to set the previewEditor.background color to a color that works well with the selected theme. That will affect both the sticky header and the background. Not ideal, but it works:

 "workbench.colorCustomizations": {
    "[Material Theme Darker]": {
      "peekViewEditor.background": "#282727"
    }
  }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants