Visual Studio Code ignoring text mate theme in settings.json - visual-studio-code

So I have a color theme set as Github Dark default right now, before I had it set as Monokai pro where I went into Setting.json and change some settings for textmate scopes and change their colors, it worked when I had the previous theme setup but when I changed the theme the settings don't take effect and uses the themes default color scheme. I don't know why that's happening.
Like I have this in my settings.json for the color of a function name
But instead I don't see the changes in this method in one of my java files. It should show up as green for the function call but instead it shows up as purple. And it should show purple Variable names but it's gray.

Related

VSCode settings.json changing certain colours

I'm wondering how I can change the foreground color in settings.json for a tables' value e.g.,
table.value
to have the part following the dot to display in red. This was already working prior to restarting my VSCODE where all my variables changed to red. When I changed the variables' foreground in my settings.json to be white again, it also changed the .value color to be white.

Visual Studio Code - Change the colour of disabled sideBar items

I want to change the colour of disabled sideBar-items (see picture). Which property can I use to change that in the settings.json? I know that you use sideBar.foreground to edit the active sideBar-items but I don't know how to do that for the deactivated ones.

I imagine those are ignored files:
"gitDecoration.ignoredResourceForeground": "#ff0000",

You can add a theme for the icons.
Go to extensions and search for material icon theme.

Visual Studio Code selected text color in High Contrast Theme

The text color changes to black when selected in Visual Studio Code.
This happens only in High Contrast Theme.
Though I can change the color in settings.json and editor.selectionForeground, what I want is to reserve the original color.
How can I do that?

Change Visual Studio Code's title bar color

Is there a way to change the Title Bar color for Visual Studio Code (v1.26.0)?

Menu File → Preferences → Settings
Look for "window.titleBarStyle": "native", copy it to your user settings, and change it to "window.titleBarStyle": "custom". It will adapt your theme now.
If the current color is not what you want or you want to tweak it, try doing this.
In your user settings, add the following.
"workbench.colorCustomizations": {
"[Name of the Current Theme you are using]": {
"titleBar.activeBackground": "#191919cc",
"titleBar.activeForeground":"#ffffff",
},
},
"window.titleBarStyle": "custom"

Open menu File → Preferences → Settings and add the following setting:
"workbench.colorCustomizations": {
"titleBar.activeBackground": "#553955" // Change this color!
},
"window.titleBarStyle": "custom"
From the following source:
Colorful Visual Studio Code titlebars for better productivity

There is now a handy Visual Studio Code marketplace plugin called Window Colors which automatically colors the activitybar and titlebar of every window uniquely.
Just go to extensions and type: window colors
For more information, see the Visual Studio Code marketplace webpage.
Edit (Sept 2020): Just noticed that on Ubuntu 20.04 I had to set the preferences->titlebar setting from native to custom in the VSCode Preferences. Otherwise the titlebar does not change colors. Also see this issue on github here- the input from #musicfuel solved it for me.

John Papa launched Peacock a few months back. I've been using the same since then.
It's an easy-to-use plugin with a great set of commands to work with.
It is highly customize-able.
Also it has emphasis on BrandColors which comes in handy when you're simultaneously working on several different projects involving different frameworks and libraries.

In case somebody is still interested. I am using Color Stamp plug
For further tweaks, I changed the following parameters in my vscode project settings
.vscode\settings.json
"workbench.colorCustomizations": {
"titleBar.activeBackground": "#7C21D7",
"titleBar.border": "#ebe8e8",
"titleBar.inactiveBackground": "#7c21d77c",
"titleBar.activeForeground": "#ebe8e8",
"statusBar.background": "#7C21D7",
"statusBar.debuggingBackground": "#7C21D7",
"statusBar.noFolderBackground": "#7C21D7",
"statussBar.prominentBackground": "#7C21D7",
"statusBar.foreground": "#ebe8e8"
}

Note that VSCode 1.45 (April 2020) will offer additional settings:
New theme colors for editor tabs
Some new colors where added to further theme workbench editor tabs:
tab.unfocusedInactiveBackground: Inactive tab background color in an unfocused group
tab.hoverForeground: Tab foreground color when hovering
tab.unfocusedHoverForeground: Tab foreground color in an unfocused group when hovering
New theme color for editor title border
The existing color editorGroupHeader.tabsBorder changed to render a border below tabs but above breadcrumbs.
A new color editorGroupHeader.border allows to render a border below the editor group header (i.e. below breadcrumbs if enabled) to restore the previous behaviour of editorGroupHeader.tabsBorder.

Please apply these simple steps.
Menu File → Preferences → Settings
Look for "window.titleBarStyle": "native", and change it to "window.titleBarStyle": "custom". It will adapt your theme now.
If the current color is not what you want or you want to tweak it, try doing this.
In your user settings, add the following.
"workbench.colorCustomizations": {
"titleBar.activeBackground": "#191919cc",
"titleBar.activeForeground":"#ffffff",
},

I've created a simple Visual Studio Code plugin which accepts a list of regular expressions and colors and changes the titleBar based on them. It's great for working on mono repositories or large projects with multiple packages (like Lerna, or React + React Native)
ColorTabs

Changing the theme of Visual Studio Code will change the title bar color.
Menu File → Preferences → Color theme
Then switch to a different color theme, this will change the title color.

Set eclipse hyperlink color under KDE

I have dark eclipse theme (Moonrise) and also dark theme for native widgets set in KDE. The problem is that dar blue hyperlink are not very legible so I would like them to be of different color. In the picture there is not that dark theme used, but with darker colors the link cannot be read.
Even thoughtI was setting the hyperlink color in every possible settings menu I could think of, I have not been able to set eclipse hyperlink color. It seems that Eclipse ignored the Appearance -> Colors and fonts settings.
It would make somehow sense if the native GUI settings would be to have dark blue hyperlink color. But I cannot see, that this would be the case in Application Appearance -> Colors section.
Is there a way to change the color of hyperlink? Why is it still dark blue? I am not interested in settings the tooltip background as is often suggested in this case- I have already set it to lighter color so the hyperlinks are readable.

Go to Window > Preferences and change the current theme restart eclipse. Refer picture below.
Install eclipse colour theme plugin then you will get lots of options to change the theme. See here.
Note that in different themes the colour of active and visited link will be different.
Edit
After looking at your comment, you may get some clues from here
GNOME settings
KDE settings
Eclipse on Ubuntu