1. Visual Studio For Mac Tutorial
2. Visual Studio For Mac Dark Theme
3. Visual Studio For Mac Dark Theme Firefox
4. Visual Studio Themes Gallery
5. Microsoft Visual Studio For Mac
6. C++ Visual Studio Mac
7. Visual Studio For Mac Tutorial
8. X Code

I spend almost 6 hours everyday, working on Visual Studio. That makes me experiment with the type, color and size of the fonts I use in my IDE, to make my development environment look hot and fresh! Here’s a list of my favorite programming fonts. Please note that this list is just my personal preference.

Consolas

To ease back into the work week, I have a simple but popular tip for @VisualStudio for Mac. Easily switch to the dark theme via Visual Studio > Preferences > Visual Style > User Interface Theme! Easily switch to the dark theme via Visual Studio > Preferences > Visual Style > User Interface Theme!

Consolas is a great font for Visual Studio development, designed by Luc(as) de Groot, for Microsoft’s ClearType font family. Consolas has proportions closer to normal text, which makes it more reader-friendly than many other monospaced fonts. I have a big LCD screen and I just love the way this font looks on it. Although it is a commercial font, it is bundled with Visual Studio. If you do not have the Consolas font on your machine, you can download the entire pack over here.

Note: You may also want to look at Inconsolata which is a free monospaced font inspired by the Consolas font and designed by Raph Levien.

Here’s how a Consolas 11 point looks

DejaVu Sans

I am a huge fan of the DejaVu font family. Although the font looks similar to Consolas, I like the taller rounder characters and the extra whitespace (compared to Consolas) in this font. This font looks great when I am working on a dark background theme. You can download the font here (Just double click on the DejaVuSansMono.ttf file to install it and restart Visual Studio)

Here’s how a DejaVu Sans Mono 11 point looks

Monaco

Monaco is the monospace font on the Mac. I like this font because its neat, has good amount of space between each line and the way it represents a 0 (zero) with a slash. I call it the ‘programmer’s font for designers’. You can download the font here.

Here’s how a Monaco 10 point looks

Lucida Console

Lucida Console is a variant of Lucida Sans Typewriter with smaller line spacing. To be honest, I do not have any specific reason for using this font. I just like it.

Here’s how a Lucida Console 11 point looks

Proggy

Proggy is a set of fixed-width screen fonts that are distributed in Microsoft's .fon format, the truetype (ttf) format, as well as XWindows. The font works fine on a Mac too. I particularly favor the Proggy Clean (Slashed Zero). You can download it here (ProggyCleanSZ.ttf)

Visual Studio For Mac Tutorial

Here’s a how a Proggy Clean (Slashed Zero) 11 point looks

Courier New

I often use this font when I am working with my old desktop/laptops with non LCD display. Although this font may not be as attractive as the others listed in this post, I still prefer this font, since I have been using it for a long time. You may also want to look at AnonymousPro which is a modern serif font designed for LCD displays and scales well on high-res.

Here’s how a Courier New 11 point looks

Well that was a list of my favorite programming fonts for Visual Studio. You may also want to look at a good article at CodeProject.com that lists 42 best monospaced fonts.

Feel free to share your favorite programming font using the comments section and happy coding!

I am using Light-on-dark color scheme (dark background with light text) in my application.

My question is, what are the negative and positive aspects of this color scheme and why this color scheme is not widely used?

14 Answers

Darker color scheme are often used effectively in software that focuses heavily on visual content. For example Adobe Lightroom, Adobe After Effects, Microsoft Expression Blend, and Kaxaml are interfaces that have a dark color theme. This allows the interface to fade into the background and let the content come alive

Why is it not widely used? I guess it depends on your crowd. For these applications, it tends to work out great but many people don't like dark interfaces. At my company I created an interface for a very complicated piece of software using a dark UI. It helped to simplify everything and bring attention to the necessary elements at specific times. The problem was, a lot of people complained. 'It's too dark,' 'it doesn't look good on my laptop when I am using in the bright sun' etc. Some people just hate dark interfaces.

Bottom line: if your application is very content driven, esp with visual content, consider a dark interface but be prepared for some opposition.

Alternative solution: provide 2 themes, one light and one dark. This is done in Microsoft's Expression Blend (although the light theme looks quite awful, IMO)

Also, it is important to note that it is often a bit more difficult to get a dark interface that works well. A little more care must be given to legibility of text on the dark background (i.e. making it bright enough to be legible but not so bright that it is distracting to read).

Matt RockwellMatt Rockwell

Dark on light vs light on dark themes can have multiple effects, such as:

• Bringing attention to an application vs bringing attention to the application's contents

  • People focus on brighter areas — darker background brings attention to the content, while lighter background bring attention to the window itself vs the desktop.
    Imagine if the box around non-16:9 movies was white instead of black, it would distract your attention from the movie.

• Emphasizing details in text vs readability in text

  • With bright on dark text, the text seems to expand (since the human perception makes brighter objects glow). This leads to the text appearing bolder. If the text is already bold, this may make the text hard to read (depending on font), as the spacing between the lines will reduce. If the text is not bold (or if the font is clean and narrow to start with), it will make the text stand out.

  • Difference between different shades of grey are more noticeable on dark backgrounds than on light backgrounds. (See formula here or here.)

• Making text more readable in bright environments vs dark environments

  • In dark environments, light background can strain the eyes.

  • In very bright environments, light on dark will help you see the text but make it hard to differ between shades (white text vs grey text). Dark on light will help you see the difference between shades, but if the environment is too bright, you will only see the darker text (the grey text will seem white).

• Making screens easier to look at for long period of times or in different environments.

  • TV screens are often in less illuminated rooms than computer screens in offices, resulting in dark themes being easier to rest your eyes on than light themes. (The smaller difference in intensity between the walls and the screen makes the irises work less.)

• Making text more readable for people with various eye-sight problems that affect contrast perception

  • Some people can only read high contrast text, 50% grey on black is higher contrast than 50% grey on white.

  • Some people can't see well in environments that are too dark and some can't see well in environments that are too bright — each will require a different (opposing) theme (I'll let you guess which requires which).

• Matching people's point of view

  • People that are used to light backgrounds and don't like changes won't like bright on dark.

  • Creative people may prefer dark backgrounds, as it both introduces a challenge to common conventions and emphasizes detail and colors.

It is important to note that a lot of research on which is better was conducted incorrectly (length of test per theme, controlling for different environment illumination levels) and is now out of date (based on CRT screens and not LCD screens).

Possible reasons why dark themes are less common:

• I think that modern window-based OSes defaulted at first to black on white to

  • differentiate them from the old console-based OSes

  • make them look more like paper-based products (e.g. books).

• Light themes are the current standard; people are used to them

• Light themes require less work from developers (since the OS/browser default theme is light, developers don't need to override all the colors)

why this color scheme is not widely used?

Good question without an obvious answer. You could claim all sorts of trends are involved, but I think it would be a brave move to accept any one reason for why we tend to go with dark on light. I think your best bet is to develop the scheme that best suits your site's purpose and its users.

For a quick overview of the conflicting studies/opinions:

This study found dark on light to be the best - sort of. They feel that an aesthetic preference may be in play influencing the outcomes. They also found a light on dark scheme to perform almost as well - per Nielsen's quote (see page 19).

This study found that dark text on light backgrounds was more readable - most designers will go for a design that is better for their users.

And for just a general look at the issue, this article describes some of the issues in choosing dark on light versus light on dark.

Note that in the case of this last article, they have some examples that I don't believe follow generally accepted guidelines for light-on-dark with regards to font settings (spacing, etc). IMO the examples are a little off.

The main reason a light-on-dark user interface can break down is when the text becomes glaringly bright compared to the dark background. This is one fundamental reason white text on a black background can be hard to read for long periods of time.

Applications like Adobe Lightroom use a light gray on dark gray colour scheme and this seems to greatly reduce glare with the text. The great thing about light on dark interfaces, however, is that they reduce overall glare when using the software for a long period of time.

It comes as no surprise that software like Adobe Premiere Pro, Lightroom, AVID Media Composer and in the upcoming Final Cut Pro X use a dark interface as they are typically used for extensive periods of time.

The difference between long exposure to a bright screen than to a dark screen with some bright areas is quite significant. I can work in Premiere Pro and Lightroom for a long time and feel much better than using Microsoft Outlook and Visual Studio at work all day. I find myself squinting at the end of the day when at work.

I wouldn't discount the possibility that both Windows and MacOS default to a 'light' scheme and people tend to want their applications to all be consistent. I use a dark theme on Windows and too often run into applications that can't handle it (they hard-wire colors or, worse, hard-wire some of them), so if this were just a casual preference and not a real visual need I would probably give up and go back to the scheme that 'everybody' wants me to use.

If you can make your application honor the system colors (whatever they are), that would be best. If you need to choose specific colors, as is often the case, then you can either offer themes or provide an easy configuration interface. Users are generally willing to do some one-time configuration of applications they'll use often.

Monica CellioMonica Cellio

One advantage of light text on a dark background is that different colours in the text are easier to distinguish.

That might not be important to most readers, but one type of user who makes heavy use of different colours of text is the software developer.

I suspect there are two reasons why it is easier to differentiate between colours on a dark background:

1. Text on a dark background can be made brighter, while text on a light background is usually given a darker intensity, for reasons of contrast. As we know, it is more difficult to distinguish colours as their intensity decreases.

2. The glare of the light background is not flooding the senses.

Of course this contrast between colours can be used for more than just text.

Visual Studio For Mac Dark Theme

(I simply inverted one of these images to create the other.)

Visual Studio For Mac Dark Theme Firefox

According to the Web Style Guide, black on white is best:

Black text on a white background has the highest level of contrast.

PhillipWPhillipW

In my opinion, dark background apps with a light foreground look sexier and more edgy than their counterpart light background apps which are possibly more traditional or conservative.

That said, in my opinion, due to the volume of graphics, controls and icons around which are normally designed to be used on a light background, dark background apps may be slightly more time consuming to build (depending on your environment).

1. On glossy displays reflections are more visible on dark backgrounds
2. When I was using a display set up to have a noticeable PWM blinking, dark backgrounds were much easier for my eyes in the long run

I guess these are few common reasons for and against dark backgrounds. Anyway in the second case it is very beneficial to set up your display to decrease the PWM blinking.

Visual Studio Themes Gallery

It depends on the environment. Brighter themes are better in bright environments and dark themes are better in dark environments.

Therefore e.g. navigation systems for cars switch the theme at night or in tunnels to a dark theme.

It depends on the user. Some people can better see in dark conditions and some users vice versa. I think this has to do with the circadian rhythm but I don't want to overcomplicate things here.

According to color theory! Color Theory

White,black and Gray Color are consider to be neutral

But personaly most of the users avoid black and other dark screens screens, in daily routineWearing black will allow you to keep a low-profile in social settings if that is your intention. Don't wear black if you want to stand out amidst a crowd. Most folks don't even bother to wear black at funerals anymore, it's just too sad to wear dreary and dark colors.

the last part is Taken from ask.com

Pir AbdulPir Abdul

I would say that this is mostly dependent on the user's perception. Many users are comfortable in dark themes whereas may are comfortable on light themes.

The dark on light themes are more widely used now a days as the user who is using the system will be at ease while using it. The light color does not stress the user's eyes much. The light color should also be of mild shade to improve the UI satisfaction of user.

The dark on light will help the user to highlight the important content and it is also easy to use it.

I think, both (dark and light) are good. But this is very individually and both variants with switcher good for all.Dark gamma is more safe for eyes at night, but i can't see anything at day with dark gamma.Light gamma good at day, but it hurt my eyes at night.Dark global gui and web css at night. Light for day. Simple.And they are should have fast switcher :)

Sorry for my Eng

Microsoft Visual Studio For Mac

I find a dark on light works well, but not a white background. I find a muted light color or grey works better than pure white when using backlit LCD or LED monitors. I find black on #DBD2BF, #C5D3D6, #D6C7CB, #BDC7BD, or #C2C2C2 work as good examples.

C++ Visual Studio Mac

Visual Studio For Mac Tutorial

protected by Benny SkogbergJun 23 '16 at 6:24

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead?

X Code

Not the answer you're looking for? Browse other questions tagged accessibilitycolorstylecontrastthemes or ask your own question.