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

[Feature Request] Option to seperate bracket guide opacity from bracket opactity #146030

Closed
CoenraadS opened this issue Mar 25, 2022 · 1 comment

Comments

@CoenraadS
Copy link
Contributor

CoenraadS commented Mar 25, 2022

I was trying to get the native bracket line coloring to match the original look of the default settings of Bracket Pair Colorizer 2, which uses the css properties "Gold", "Orchid", "LightSkyBlue" at 50% opacity. Because I like the guides to be 'background' and barley noticeable.

I added the following to my settings:

"workbench.colorCustomizations": { "editorBracketHighlight.foreground1": "#ffd90080", "editorBracketHighlight.foreground2": "#CC66CC80", "editorBracketHighlight.foreground3": "#87CEFA80", },

BPC2:

image

Native:

image

Now the brackets themselves are really hard to see

@hediet hediet added bracket-pair-colorization feature-request Request for new features or functionality labels Mar 25, 2022
@hediet hediet added this to the April 2022 milestone Mar 25, 2022
@hediet hediet removed the feature-request Request for new features or functionality label Mar 25, 2022
@hediet
Copy link
Member

hediet commented Mar 25, 2022

You can use editorBracketPairGuide.activeBackground1...6 to style the guides independent from the bracket colors! (You should also style editorBracketPairGuide.background1 for inactive guides then)
By default they are all set to #00000000, which makes them reuse the bracket pair colors.

"workbench.colorCustomizations": {
    // Bracket colors
    "editorBracketHighlight.foreground1": "#FFD700",
    "editorBracketHighlight.foreground2": "#DA70D6",
    "editorBracketHighlight.foreground3": "#179fff",

    // Inactive guide colors
    "editorBracketPairGuide.background1": "#ffd90080",
    "editorBracketPairGuide.background2": "#CC66CC80",
    "editorBracketPairGuide.background3": "#87CEFA80",

    // Active guide colors
    "editorBracketPairGuide.activeBackground1": "#ffd90080",
    "editorBracketPairGuide.activeBackground2": "#CC66CC80",
    "editorBracketPairGuide.activeBackground3": "#87CEFA80",
},

image

@hediet hediet closed this as completed Mar 25, 2022
@github-actions github-actions bot locked and limited conversation to collaborators May 9, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants