With the introduction of workbench.experimental.colorCustomizations, how do I change the background colour of the minimap? Or has that option not been added yet?
Found out it's not related, and is in fact controlled by the syntax theme.
Related
I would like to know what is the JSON setting to change the background colour of a VSCode Jupyter Notebook cell.
I found the VSCode Theme colour reference but I can't find the specific setting to do so.
I found the perfect colour theme but I would like to tweak the background colour cell just a bit.
For those interested the setting is:
"editorWidget.background": "#ff0000",
To find it, from the command palette I ran:
Developer: Generate Color Theme from Current Settings
This will create a new json document with ALL the elements currently affected by your current theme, from there I search for all the occurrences of the hex colour until I found the matching setting.
UPDATE: Please see Mark's answer below
Mark's answer is not comprehensive enough. Not sure if it is the best, please try.
In the settings.json -- can be found at File(Windows)/Code(Mac)>Preferences>Settings
Adding this into the json will work -- notebook's setting has to be put under the workbench.colorCustomizations.
"workbench.colorCustomizations": {
"notebook.cellEditorBackground": "#FFFFFF",
},
The rest of the settings you may follow Mark's guide above.
However, customizing the color background alone at jupyter notebook at vscode is not enough, i need the complete best settings including the font colors. Please share if you found the settings for all under notebook. Or can we change the notebook theme only but leaving the rest of vscode theme untouched?
vscode v1.59 is adding this colorCustomization:
"notebook.cellEditorBackground"
Also available:
"notebook.cellBorderColor"
Previously:
That theme color reference link doesn't seem to be kept up-to-date. See vscode Theme Color reference instead. There are a lot of notebook-related theme colors:
Notebook colors
including:
notebook.focusedCellBackground
notebook.selectedCellBackground
and many more.
I am having difficulty getting the Content assist colors right. With auto-completion, the first suggestion is always light color on light color. Here is what it looked like originally (Dracula Theme):
Changing the values of Content Assist Background/Foreground colors did not have any affect on the top suggestion. Here is a screenshot from after swapping the Content Assist Foreground and Background colors (Darkest Dark theme):
I have tried swapping every other practical color setting in Window->Preferences->General->Appearance->Colors and Fonts with no luck. The color scheme in the first image above is the popular Dracula theme that I manually set up setting by setting. Thinking I screwed something up in there, I scrapped all that work and switched to the Eclipse DevStyle theme Darkest Dark. Here, I was met with the same issue. After this, I switched everything to default settings where the color scheme is black font on white background. Everything is readable. Switching back to the Darkest Dark, the issue remains.
I have found similar questions regarding this, but their solutions are mostly for Linux (GTK specifically). This machine I am using is on Windows 7. I also have a laptop that runs DBeaver on Arch Linux and does not suffer from this problem. It seems this issue may be system dependent. I found one answer that suggested changing the message box settings for Windows may fix this, but my message box settings are currently black text on white background. Any help is greatly appreciated!
Most of the SWT widgets relay on the OS level theme. For example, it's known that using the Windows Classic theme at the OS level can cause oddities like this one. So just switching to a different theme can fix this issue.
maybe you have found the solution, just in case anyone is still searching...
we can change the color of "content assist", you can find in "Colors and fonts".
click here to see the setting
I'm creating a custom colour theme extension for Visual Studio Code and I can't find out how to customise the colours for certain parts of the user interface. The theme is complete, apart from customising the reference popup window.
Here is the popup window I'm trying to customise:
I wish to change the blue background and if possible, the blue border lines. I'm sure this can be done because some of the built-in themes do so. Does anyone have an idea what I would need to put into the colour theme file to achieve this?
I'm also looking for pointers to customise the status bar colour (at the base of the editor).
As far as I know, this is not possible.
Some of the built-in themes are build differently. Most themes are textmate style themes, but you can see here that some of the built-in themes are .json files and are somehow handled differently.
You can find the theme documentation here. Specifically, this part is relevant:
Besides the TextMate language grammar standard scopes, VS Code also
has custom theme settings which you can use to tune your own theme:
rangeHighlight: Background color of range highlighted, like by Quick open and Find features.
selectionHighlight: Background color of regions highlighted while selecting.
inactiveSelection: Background color of selections when not in focus.
wordHighlight: Background color of a symbol during read-access, like reading a variable.
wordHighlightStrong: Background color of a symbol during write-access, like writing to a variable.
findMatchHighlight: Background color of regions matching the search.
currentFindMatchHighlight: Background color of the current region matching the search.
findRangeHighlight: Background color of regions selected for search.
linkForeground: Color of links.
activeLinkForeground: Color of active links.
hoverHighlight: Background color when hovered.
referenceHighlight: Background color of a reference when finding all references.
guide: Color of the guides displayed to indicate nesting levels.
You can find an example VS Code theme here which includes the custom
settings.
As we can see here, there is no special override for the references pane.
We can, though, see in the code that the dark blue for dark themes and the light blue for light themes that you're seeing in the references pane is a default value set in code here.
The colours for the UI itself are stored in the following file (ubuntu): /usr/share/code/resources/app/out/vs/workbench/electron-browser/workbench.main.css
You can edit that, or wait for March 2017 where a new version will be released which will allow customising these colours more easily.
Revisiting this in Sept/2022 out of necessity, I confirmed VS Code 1.70 has native support for manipulating colors for the Go to References/Definitions and Peek... overlays.
Change the overlay background and border as follows, but there's lots of other settings too; see peekView*
"workbench.colorCustomizations": {
"peekViewEditor.background": "#01041a",
"peekViewResult.background": "#054c8a",
"peekView.border": "#04fafa"
this is regarding Microsoft Visual Studio Code text editor - not Visual Studio 2015 IDE.
I am using light Color Theme - white background and dark text, but these themes set color to the UI also.
For example, file explorer has light grey text on slightly lighter grey background.
Please help the (almost) blind person but I have a hard time to see this text.
How to change the this theme?
Where it the "theme" file?
What to change in this file to set the color of text to BLACK #000
Solved.
With help from Microsoft, see github issue:
https://github.com/Microsoft/vscode/issues/6065
scroll down to the last entry. The file workbench.main.css will allow you to customize the UI the way you want.
Have a look at this page to know how to build custom themes for vscode.
Themes descriptions are stored in Microsoft VS Code\resources\app\extensions\theme-xxx folder. Edit the xxx.tmTheme to customize colors.
I was looking at this dark theme post and applied Moonrise theme on Eclipse Juno. I love everything it lays out except for the expandable arrow color. It's barely visible when my mouse isn't hovered. Does anyone know if this is possible to change?
As Spyros has mentioned, the author noted that the arrows color is impossible to change which is unfortunate.
Regardless, if you don't mind working under old graphic properties (yay!), the system arrow is replaced with a white box plus sign which makes everything visible. The drawback is, of course, the Windows 7 theme is gone. Found this by accident when trying to solve the performance issue: Look at Pyree's solution
I am afraid that is not possible due to the limitation of the css engine used to theme eclipse, according to the theme's author. (github)