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

Option to follow theme's bracket colors #141

Open
nodomw opened this issue Sep 18, 2022 · 4 comments
Open

Option to follow theme's bracket colors #141

nodomw opened this issue Sep 18, 2022 · 4 comments

Comments

@nodomw
Copy link

nodomw commented Sep 18, 2022

Title: I'd like to think this would be an aesthetically pleasing option for many people. I have manually set my indentation colours to work with the theme I use the most (see image below) and would love to see functionality to change this dynamically.
sublime scss-1663531957

@oderwat
Copy link
Owner

oderwat commented Sep 18, 2022

I don't care, but if somebody puts up a PR, I will most likely accept it.

@spartanatreyu
Copy link

For me, I changed my brackets to match indent-rainbow's colors:

settings.json:

{
	// Other settings here...

	// Set bracket colors to match the rainbow indent extension's colours
	"workbench.colorCustomizations": {
		"editorBracketHighlight.foreground1": "#ffff40",
		"editorBracketHighlight.foreground2": "#7fff7f",
		"editorBracketHighlight.foreground3": "#ff7fff",
		"editorBracketHighlight.foreground4": "#4fecec",
		"editorBracketHighlight.unexpectedBracket.foreground": "#ff0000"
	},

	// Other settings here...
}

@JosueEstrada
Copy link

Hi, i like this style, you explain me how extract the #colors from theme?

@spartanatreyu
Copy link

If you want to pull out the colors from a theme, you can do this:

  1. Go to this folder: https://github.com/microsoft/vscode/tree/main/extensions

  2. Open the folder that holds your theme. My theme is monokai, so I opened the theme-monokai folder

  3. Find the theme json file (not the package.json file)

    So for my theme (Monokai), I can see the colors in: https://github.com/microsoft/vscode/blob/main/extensions/theme-monokai/themes/monokai-color-theme.json

    Some themes might have more than one json file, just pick the variation you want

  4. Either use the colors directly out of the theme, or put those colors into a program like photoshop or photopea and tweak the hue/saturation/lightness/etc... so that it's not the exact same color.

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

No branches or pull requests

4 participants