any way to have a light sidebar while keeping the editor dark? - visual-studio-code

Something like this:
I've always liked the way Sublime Text looked and I wasn't able to reproduce this sorta theme in VS Code. Editing the workbench settings does not really achieve the same result. I end up having a light text on a slightly darker sidebar: which is pretty hard to read.

These will get you closer:
"sideBar.foreground": "#000",
"sideBar.background": "#ccc",
// "gitDecoration.modifiedResourceForeground": "#000",
You may need to modify all the gitDecoration colors to work on a light background.
I haven't figured out a way to darken the arrows for the folders yet though. You would think they would be set by the sidebar.foreground property but apparently not.
And I just noticed that the sidebar properties also control the command palette colors!

Related

vs code, render the inline color decorators and color picker outline

I was use vs code for a while, I was happy to see my decorator colors and color picker outline the code, but someday I just update the vs code, I don't know when that is happen, so I saw the box color between my code, I did not like it at all, so I tried so hard to make as old, I did research and googled it but not lucky to find out how to make it as old again.
see my screenshot so you can understand what I want. Thank you.
I tried to change the settings but if I uncheck this open option that color box is disappear,

VSCode: Increase opacity of linter warnings

I resently switched to Visual Studio Code as my editor. I installed my favorite theme "Material Theme Palenight High Contrast". I'm in love with it. There is just on problem, that really hinders me when coding on my laptop.
The squiggly lines of the linting error are super dark, because they have opacity.
As you can see here, one can barely see the error below item. Is there a way to change the opacity of linting errors?
EDIT: I tried setting workbench.colorCustomizations but that caused my theme to disappear.
Edit 2: I tried setting the theme specific settings like this:
"workbench.colorCustomizations": {
"[Material Theme Ocean High Contrast]": {
"editorError.foreground": "#ff0000"
}
},
but it didn't work. The color of the squiggly stayed the same.
The instructions on the theme page you linked say to use editor.colorCustomizations, not workbench.colorCustomizations. Have you tried that?
There's also a bit above the link I gave that talks about setting the accent color. They don't define what "accent color" means, so I'm not sure if that color is the thing you're trying to change, but you might try it.
I was able to find a fix. Go to the place where your extensions are installed:
/Users/user-name/.vscode/extensions/extension-name/themes/theme-name.json
In that file find the values for editorError.foreground and editorWarning.foreground. Here you can overwrite their values and it will work.
I'm just asking myself, whether this should be an issue for the VSCode repository? Since setting the settings in the user settings should overwrite this. One shouldn't have to change this .json file. Especially since this will change back again, if you re-install the theme.
Dummy Edit 🤦🏻‍♂️:
Damn, I accidently wrote Oceaning insteand of Palenight. The color customizations work... My bad. No need to do this hacky trick I described above.

How can I change cursor color in VSCode?

Is there a way to change the cursor colour in the Visual Studio Code editor window?
I am slightly colour blind, so I would like to change it from red to something else (yellow maybe) to improve accessibility and make it easier for me to read.
Try adding this to your global preferences file:
"workbench.colorCustomizations": {
"editorCursor.foreground": "#ffff00",
"terminalCursor.foreground": "#ffff00"
}
Also worth noting that if you're colourblind, there are probably some colourblind-friendly themes for vscode out there, though I can't say I have looked for them myself.

eclipse editor colors - how to set in outline view

The line that is highlighted on Eclipse is really hard for me to see. I am color blind, but I can see colors. I assume the the highlight color in the outline screen has very little contrast to the other colors. Thank you!
Anyway I will try and attach a graphic.... anyone know to change this?
I think I have something usable enough to post as an answer. You didn't specify the OS that you're using but from the screenshot it looked like Windows 7/Vista with the Aero theme. Like I mentioned in my comment to your question, from this and this, it looks like there isn't any [straightforward] way to change the highlight color.
However, if you don't mind losing the Aero effects, you can switch to the Windows Classic theme to get a different highlighting that IMO provides more contrast and better readability.

Is it possible to change the background color of text highlighted while using a code template in Eclipse?

In other words, when you type for and hit ctrl+space, you can pick various template for loops. After selecting, it creates the code and lets you tab between various aspects of the code (such as which array you're looping over). I've switched to dark colors on Eclipse, but I can't find anywhere to change the highlight for these tab areas, so they show up with light backgrounds and my light foreground colors and are completely unreadable.
Is it possible to change these colors somewhere? If so, where?
It took me some time, but I found it.
Look under window>Preferences>General>Text Editors>Linked Mode
Then it is "Editable Range" you are looking for.
In preferences:
Result:
Since you didn't find a prefs setting by searching for "color", there probably is no way to do this. I suggest to open a bug at https://bugs.eclipse.org/bugs/