The colors of Visual Studio [duplicate] - visual-studio

I have only recently paid any attention to the appearance of little green and blue rectangles on my vertical scroll bar in code editing windows in VS2010. Can anyone tell me what these are?
I'm running with the Productivity Power Tools extension and ReSharper 6.

I have not found a color legend for the bits, but here is what we have found so far;
Light Blue = Bookmarks
Blue = Error / Warning
Orange = Find Results
Red = Breakpoint
Light Purple = Other instances of the selected variable
Dark Blue = Current cursor location
Yellow = Not saved changes
Green = Saved Changes
Dark Green = Spelling error (in comment or string literal)

From the productivity power tools extension page:
Enhanced Scrollbar
We’ve been looking into ways that we can
improve the experience of navigating through code files. Our solution
is the source map which has three modes that will allow you to more
easily see the interesting artifacts in your files (edits,
breakpoints, bookmarks, errors, warnings etc) and make it easy for you
to navigate between them. The default mode is the “scroll bar only
mode” which overlays icons onto the standard scrollbar to allow for
viewing of these artifacts. In the source map mode, we’ve replaced the
default scroll bar allow you to click on any item on the scrollbar to
navigate directly to it. This source map mode also provides a preview
of the part of the document as you hover. Finally, we have the
detailed source map mode, which allows you to get a zoom out view of
your entire file. You can switch between any of these modes by
right-clicking on the scroll bar or going to Tools
Options>Productivity Power Tools>Source Map where we have a host of
other options that you can configure.

For what it is worth if you hover on the word with a spelling error a box will appear below. You then mouse over the box and a drop arrow will appear from there you can select the correct spelling or add a word to the dictionary.

Related

Trouble identifying colors for Intellisense tool tips and mouseovers in Visual Studio 2013

I've installed the color theme customization plug-in for Visual Studio 2013, and am having difficulty identifying and changing the background and foreground colors for Intellisense areas displayed on mouse-over events.
A screen shot is below showing the two areas that I'm struggling with. The top shows the helper dialog which appears when I delete and re-add the opening parentheses next at the line showing "#Html.PropertyFor(". Either I need to adjust the foreground color for the very light grey text, or change the background to something darker than the off white.
The second picture shows a typical Intellisense box. But the contrast on that is too low, so I need to either make the foreground text lighter, or the background box lighter.
After searching in the theme editor for quite some time, I'm unable to isolate these settings. I also inspected several settings under Tools > Options > Environment > Fonts and Colors, but was unable to identify these specific foreground/background combinations in the intellisense tool tips. I need assistance fixing both of these areas. Thanks for your help.
=== Edit 12/2/2014 at 4:33 PM ===
I found part of the solution. To make the text lighter, select Tools > Options > Environment > Fonts and Colors. Then toggle the Show Settings For list to "Editor Tooltip". You can change the "Plain Text" foreground color. But the background color cannot be edited. So I changed the foreground to white. This helped with case 2 shown above.
But with case 1, where there is a highlighted line for the available method overloads, that text still has a white background. I still need a solution for that. How can I make that white background dark? Thanks.
=== Edit 7/24/2015 8:00 AM Central ===
Joe, thanks for your suggestion. Yes, I have Productivity Power Tools installed. After turning "Colorized Parameter Help" off, the hint shown in the first graphic above went completely white. Probably that's because I have the foreground color set to White (ala Tools > Options > Environment > Fonts and Colors). Here is an example.
So I turned "Colorized Parameter Help" back on, and this is what it looks like for me right now.
This is at least legible, though the colorization is gone. I still don't know how to make that white background dark in that specific dialog. Since I can at least read the text with the workaround, this is a low priority item. What I imagine is that the ability to tweak that setting just doesn't exist within the color theme customization plug-in.
Do you have the Productivity Power Tools add-in installed? If so, either remove it or set Colorized Parameter Help to off under Tools > Options > Productivity Power Tools.

Change colors of status indicator in Resharper's marker bar

I really like Resharper's marker bar, but I have a form of partial color blindness (deuteranopia), and I'd like to make the green and yellow status indicators more distinguishable. Obviously it's not a big deal since I can inspect the bar for yellow ticks, but if changing it is possible it'd be a nice touch.
With Resharper 7 / Visual Studio 2008: go to Tools > Options > Fonts and Colors. In Display items, scroll to "ReSharper Code Analysis Error Marker on Error Stripe" and update the Item foreground color. The horizontal bars on the Marker Bar will appear as this color for errors.
Same process for warnings and suggestions.
This does not seem to work for Visual Studio 2010, however.
Resharper 7's status bar is much more colorblind friendly, since it uses icons instead of just changing the color of the square.

How to locate the formatting of a line in the Options/Fonts and Colors dialog?

I am using Resharper 6.x with VS2010. One of the features is that if you double click on a variable, it is highlighted and then other usages of the variable are highlighted, like so:
The background and foreground colors of the highlighted variable are too close to each other and I am trying to change it in the Options/Fonts and Colors dialog. It has a small Sample window (below). I've gone through the entire list of display items and can't find the one matching what I see in the coding window.
So 2 questions:
Which display item should I change to affect the back/fore colors of the highlighted variables?
Is there some tool that that will point me to the display item in question for any piece of code?
P.S. I am using the Ragnarok as my base color theme.
P.P.S. This may have nothing to do with Resharper. I turned it off and the coloring was still there. I guess my original question still stands - how to affect the colors of the highlighted variables.
Visual Studio 2010 Reference Highlighting
As you already presumed: The reference highlighting of current selection is not a ReSharper feature but a VS 2010 feature. So you need to look at VS items in Fonts and Colors dialog.
The right display item is Highlighted Reference.
ReSharper Reference Highlighting
ReSharper's equivalent is Highlight usages in file by pressing Shift+Alt+F11.
Then all read references have light blue background color (related display item in Fonts and Colors dialog is ReSharper Read Usage).
And all write references have rose background color (related display item in Fonts and Colors dialog is ReSharper Write Usage).
But the disadvantage of ReSharper's reference highlighting is that you need to press a shortcut. VS does the highlighting automatically.

What are the little coloured bits on my vertical scroll bar in Visual Studio 2010?

I have only recently paid any attention to the appearance of little green and blue rectangles on my vertical scroll bar in code editing windows in VS2010. Can anyone tell me what these are?
I'm running with the Productivity Power Tools extension and ReSharper 6.
I have not found a color legend for the bits, but here is what we have found so far;
Light Blue = Bookmarks
Blue = Error / Warning
Orange = Find Results
Red = Breakpoint
Light Purple = Other instances of the selected variable
Dark Blue = Current cursor location
Yellow = Not saved changes
Green = Saved Changes
Dark Green = Spelling error (in comment or string literal)
From the productivity power tools extension page:
Enhanced Scrollbar
We’ve been looking into ways that we can
improve the experience of navigating through code files. Our solution
is the source map which has three modes that will allow you to more
easily see the interesting artifacts in your files (edits,
breakpoints, bookmarks, errors, warnings etc) and make it easy for you
to navigate between them. The default mode is the “scroll bar only
mode” which overlays icons onto the standard scrollbar to allow for
viewing of these artifacts. In the source map mode, we’ve replaced the
default scroll bar allow you to click on any item on the scrollbar to
navigate directly to it. This source map mode also provides a preview
of the part of the document as you hover. Finally, we have the
detailed source map mode, which allows you to get a zoom out view of
your entire file. You can switch between any of these modes by
right-clicking on the scroll bar or going to Tools
Options>Productivity Power Tools>Source Map where we have a host of
other options that you can configure.
For what it is worth if you hover on the word with a spelling error a box will appear below. You then mouse over the box and a drop arrow will appear from there you can select the correct spelling or add a word to the dictionary.

Highlighted Text background and foreground - How to change?

Here is my scenario. I like my color scheme. I have a dark blue background with light grey text. I have the Plain Text option in VS 2010 in Tools | Options | Environment | Fonts and Colors set to be a dark grey for the foreground and dark blue for the background:
alt text http://www.elbalazo.net/post/vs_plaintext_color.jpg
But I need to fix this major problem/annoyance which is when I highlight some text and then lost focus with my mouse it turns almost completely white!
alt text http://www.elbalazo.net/post/WhiteBackgroundVS2.jpg
And worse, when I mouse over the little section lines of code on the left, the selection of the entire editor goes white with a light grey foreground for text:
alt text http://www.elbalazo.net/post/WhiteBackgoundVS.jpg
Not able to figure out where and how to fix this. I don't see a way. Note: I'm using R# 5.0+ so I don't know if that has anything to do with this color issue or what...maybe it's overriding some VS stuff or this is just a VS issue I don't know..probably just not looking in the right area under Fonts and colors...but a lot of the item foreground elements are read only.
UPDATED:
I think it might be (not sure) this one but I can't test it as the foreground is locked and not editable:
alt text http://www.elbalazo.net/post/vs_brachmatching_color.jpg
I'm pretty sure your first problem can be solved by setting the colors on the 'Highlighted Reference' option in the Fonts and Colors window. If ReSharper is override this setting I couldn't tell you. I don't have it installed on this machine. As for your second problem I have no idea.
If you get too irritated at trying to figure out the color options you could also try Studio Styles for pre-made ones. I believe that is where I got the one I use currently.
I believe the setting you are looking for is "Inactive Selected Text". Found while trying to figure out why my selected search texts were not highlighted in an obvious manner.
Might be a year late... answering for future searches.
ReSharper is indeed overriding some of your settings, but those settings can be found in the same screen, towards the bottom of the listbox.
In Tools | Options | Environment | Fonts and Colors, scroll to the bottom of the 'Display Items:' listbox, and you should see a series of settings that start with ReSharper. For instance, the 'ReSharper Current Line Highlight` was causing me issues when I changed my theme to use a dark background.
Hope that helps.
The highlight for matching references is the "Highlighted Reference" background color (as Sean Copenhaver pointed out).
The highlight for the outlining region hover is "Collapsed Region" (as Brandon Satrom pointed out in his comment on the original question). The foreground color is the color used in the outlining margin and the background color is the color used under the text. You can also disable that highlight by disabling Tools->Options->Environment->General->Enable rich client visual experience, though that will disable other things (animations, gradients, etc.)
The brace matching rectangle is the highlight that appears when you insert or put the caret on a brace (e.g. ")", "]", "}"). It only lets you override the background color because you can't use it to change the foreground (text) color.
I had this same problem (much later) with VS 2010 and R# 7.1.
Disable the "Highlight current line" option in ReSharper > Options > Environment > Editor.
That option, when enabled, causes the VS 2010 color options for Highlighted Reference to not apply.
FWIW I had this problem without ReSharper and in my case tracked it down to the Brace Matching (Rectangle) color setting which looked nothing like what I was seeing in the editor but allowed me to fix the issue anyway.
So this is weird but I was having the same problem and it simply went away when I went to Tools->Options->Environment->Fonts and Colors and changed the font size to 18. I then went back in the same menu and changes it back to 10 (default) and the editor no longer highlights the collapsible regions white. Strange behavior.

Resources