vscode-indent-rainbow icon indicating copy to clipboard operation
vscode-indent-rainbow copied to clipboard

Option to follow theme's bracket colors

Open nodomw opened this issue 3 years ago • 4 comments

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

nodomw avatar Sep 18 '22 20:09 nodomw

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

oderwat avatar Sep 18 '22 22:09 oderwat

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...
}

spartanatreyu avatar Oct 06 '22 06:10 spartanatreyu

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

JosueEstrada avatar Dec 05 '22 20:12 JosueEstrada

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.

spartanatreyu avatar Dec 06 '22 02:12 spartanatreyu