AppCode 2017.1 Help

Configuring Colors and Fonts

On this page:

Basics

With AppCode, you can maintain your preferable colors and fonts layout for syntax and error highlighting in the editor, search results, Debugger and consoles via font and color schemes.

AppCode comes with a number of pre-defined color schemes. You can select one of them, or create your own one, and configure its settings to your taste.

It's important to mention the node Language Defaults - it contains the settings that are common for all the supported languages. It's enough to change one of the settings there, and then inherit this setting from the defaults.

Configuring colors and fonts

To configure color and font scheme

  1. Open Settings/Preferences dialog, and under the Editor node, click Colors & Fonts.
  2. Select the desired scheme from the Scheme name drop-down list.
  3. Under the Colors and Fonts node, change the font families used in the editor and in the console:
    • Define font family for the editor and console. When you just open the Font or Console Fonts pages under the Colors and Fonts node, AppCode displays Editor Font area where you can configure primary and secondary fonts, their size and line spacing.
      /help/img/idea/2017.1/ac_editorFont.png
  4. Under the Colors and Fonts node, open pages to configure specific color preferences and font types for the different supported languages and AppCode components.

Example

Changing language defaults

The node Language Defaults is actually language-agnostic. It contains the settings that are common to the majority of the supported languages (keywords, dots, commas, parenthesis etc.)

Select the node Language Defaults, and in the list of textual components, select the component Keyword. The background of the keywords is white; let's make it yellow.

To do that, select the check box to the left of the field name Background, and then click the white swatch. Color Picker opens; all you need to do is to select the desired color and click OK:

/help/img/idea/2017.1/configuring_language_defaults.png

So far, the changes to the language defaults are made; now let's look how they can be inherited.

Changing font for Swift

Click Swift node.

In the list of language components select Keyword, and see that the keywords now have the yellow background:

/help/img/idea/2017.1/use_inherited_attributes1.png

It's important to note that the check box Use inherited attributes is selected!

/help/img/idea/2017.1/use_inherited_attributes.png

Clicking the link below this check box leads you to the respective page under Colors and Fonts node, in this case to Language Defaults.

Next, clear the check box Use inherited attributes, and define the desired font type using the Bold and Italic check boxes. In this case, these textual components will change for the selected language only!

Observe results in the preview pane.

/help/img/idea/2017.1/ac_createColorScheme2.png

Importing a color scheme

To import a color scheme from Xcode

  1. Open the IDE Settings/Preferences, and under the Editor node, click Colors & Fonts.
  2. Press the Import from Xcode button and select the desired scheme from the drop-down list:
    /help/img/idea/2017.1/AppCode_Import_Color_from_Xcode.png

Semantic highlighting

What happens if there is a function/method with a long list of not highlighted parameters? One can easily make AppCode tell each parameter from the others using the semantic highlighting.

To turn semantic highlighting on, follow these steps:

  1. In the Settings/Preferences dialog, click Colors and Fonts, and then click the page Language Defaults.
  2. In the list of the supported Objective-C components, choose Semantic highlighting.
  3. In the right-hand pane, select the check box Semantic highlighting:
    /help/img/idea/2017.1/semantic_highlighting.png

After that, all the parameters in a lengthy list will get the colors from the suggested swatches. If one is not happy with the suggested colors, click on a swatch to choose the suitable color.

See Also

Last modified: 26 July 2017