Xcode Getting started with Xcode Changing The Color Scheme


Many developers like to customize the font, text, and background color of their IDE's. You can do this in Xcode by opening the app preference pane, either by going to XCODE->Preferences, or by pressing '⌘,'

Getting to Preferences

With the preference pane open you can click on the 'Fonts and Colors' tab.

Editing colors and fonts

From here you can change the source AND console background and font colors. There are many pre-made color and font schemes provided with Xcode. You choose these from the list on the left (Basic, Chalkboard, etc). You can find and download more online (like here for example).

To further customize any theme, you can customize any of the types listed in the right pane (Plain Text, Comments, Documentation Markup, etc). For example, say I really want my 'Numbers' to show up in my code. So I change the font to 'American Typewriter' at 24 px, the color to a greenish color, and set the line highlighting to red:

Bold Numbers, Yay!

Now in my text editing, I can really see my numbers:

Cool colors in action!

Now you can customize the look and feel of the 'Source Editor' and 'Console' to your hearts delight!

Pro Tip

Many developers like to theme their IDS dark (light text, dark background). In Xcode, you can only do this for the 'Source Editor' and the 'Console'. However, the Navigation (left side), Debug (bottom), and Utility (far right) sections are non-customizable. There are two work arounds to this. First (kind of tricky, is to leave the IDE light themed (Light background, dark text) then invert the screen colors all together. This will make everything dark, but colors in the simulator and in the rest of the system are now wonky. The second work around is to hide The Navigation, Debug, and Utility areas when not in use. You can toggle these areas quickly using the following commands:

Navigator : ⌘0

Debug Area : ⇧⌘Y

Utility : ⌥⌘0