| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
| <html lang="en"> |
| <head> |
| |
| <meta name="copyright" content="Copyright (c) IBM Corporation and others 2000, 2011. This page is made available under license. For full details see the LEGAL in the documentation book that contains this page." > |
| |
| <LINK REL="STYLESHEET" HREF="../../book.css" CHARSET="ISO-8859-1" TYPE="text/css"> |
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
| <title>Fonts and colors in Eclipse</title> |
| <script language="JavaScript" src="PLUGINS_ROOT/org.eclipse.help/livehelp.js" type="text/javascript"> </script> |
| </head> |
| |
| <body> |
| |
| <h1>Fonts and colors in Eclipse</h1> |
| <p>Eclipse uses the fonts and colors provided by the operating system as much |
| as possible. On Windows the platform color and font settings are found on the |
| <b>General > Colors and Fonts</b> preference page. The font used by most widgets |
| in Eclipse is the one set in the Message Box settings of the properties. However, |
| operating systems do not provide enough colors to handle all of the extra information |
| that colors and fonts provide in Eclipse. </p> |
| <h2>Fonts</h2> |
| |
| <p>There are 4 main fonts in use by the Eclipse platform. They are: </p> |
| |
| <dl> |
| <dt><em>Banner Font</em></dt> |
| <dd>Used in PDE editors, welcome pages and in the title area of many wizards. |
| For instance the New Project wizard uses this font for the top title,</dd> |
| <dt><em>Header Font</em></dt> |
| <dd>Used as a section heading. For instance the Welcome page for the Eclipse |
| Platform uses this font for the top title,</dd> |
| <dt><em>Text Font</em></dt> |
| <dd>Used in text editors.</dd> |
| <dt><em>Dialog Font</em></dt> |
| <dd>Used in dialogs.</dd> |
| </dl> |
| <p>These fonts can be set via the |
| <a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.preferencePages.ColorsAndFonts)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>General > Appearance > Colors and Fonts</b></a> preference page. |
| As well as these 4 fonts there are several other secondary font settings. These |
| default to the text font. They can be found on the Colors and Fonts preference |
| page:</p> |
| <ul> |
| <li><b>Compare Text Font</b></li> |
| <li><b>Console Text Font</b></li> |
| <li><b>CVS Console Font</b></li> |
| <li><b>Debug Console Font</b></li> |
| <li><b>Detail Pane Text Font</b></li> |
| <li><b>Java Compare Text Font</b></li> |
| <li><b>Java Editor Text Font</b></li> |
| <li><b>Memory Views Table Font</b></li> |
| <li><b>Part Title Font</b> (optional: used by some presentations)</li> |
| <li><b>View Message Font</b> (optional: used by some presentations)</li> |
| </ul> |
| <h2>Colors</h2> |
| <p>Eclipse uses colors as an information enhancement in many places. Whenever |
| possible the operating system color settings are used, but in cases where the |
| operating system settings are not enough, Eclipse defines other colors. All of |
| these colors can be adjusted via the following preference pages:</p> |
| <ul> |
| <li><b><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.preferencePages.ColorsAndFonts)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>General > Appearance > Colors and Fonts</b></a> > Basic </b> (Error text, hyperlink text, active hyperlink text)</li> |
| <li><b><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.preferencePages.GeneralTextEditor)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>General > Editors > Text Editors</b></a></b> (Foreground, background and other appearance colors)</li> |
| <li><b><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.editors.preferencePages.Annotations)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>General > Editors > Text Editors > Annotations</b></a></b> (Text editors annotation colors)</li> |
| <li><b><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.editors.preferencePages.LinkedModePreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>General > Editors > Text Editors > Linked Mode</b></a></b> (Text editors linked mode colors)</li> |
| <li><b><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ui.editors.preferencePages.QuickDiff)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>General > Editors > Text Editors > Quick Diff</b></a></b> (Colors used by text editors quick diff feature)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.search.preferences.SearchPreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>General > Search</b></a> (Foreground for potential matches)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.debug.ui.ConsolePreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Run/Debug > Console</b></a> (Standard Out, Standard Error, Standard In)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.debug.ui.DebugPreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Run/Debug</b></a> (Variable Views changed value, Memory View unbuffered lines)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.ant.ui.AntPreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Ant</b></a> (Error, Warning, Information, Verbose, Debug)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.jdt.ui.preferences.JavaEditorPreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Java > Editor</b></a> (Line number, matching brackets, current line, |
| print, find scope, hyperlink, selection foreground, selection background)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.jdt.ui.preferences.JavaEditorColoringPreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Java > Editor > Syntax Coloring</b></a> (Javadoc HTML tags, |
| Javadoc keywords, Javadoc links, Javadoc others, keyword 'return', keywords |
| excluding 'return', Method names, Multi line comment, Operators and brackets, |
| Others, Single-line comment, Strings, Task Tags)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.jdt.ui.preferences.CodeAssistPreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Java > Editor > Content Assist</b></a> (completion proposal background, |
| completion proposal foreground, method parameter background, method parameter |
| foreground, completion overwrite background, completion overwrite foreground)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.pde.ui.EditorPreferencePage)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Plug-in Development > Editors</b></a> (Text, Processing instructions, |
| Constant strings, Tags, Comments)</li> |
| <li><a class="command-link" href='javascript:executeCommand("org.eclipse.ui.window.preferences(preferencePageId=org.eclipse.team.cvs.ui.ConsolePreferences)")'> |
| <img src="PLUGINS_ROOT/org.eclipse.help/command_link.svg" alt="command link"> |
| <b>Team > CVS > Console</b></a> (Command line, Message, Error)</li> |
| </ul> |
| <h2><img src="../../images/win_only.svg" alt="Windows only" border="0" >Accessibility |
| and the Windows Color Dialog</h2> |
| <p>For color selection, Eclipse uses a dialog provided by the operating system. |
| On windows, the color selection dialog does not respond properly to assistive |
| technology. When you first get into the dialog, focus is on one of the basic |
| colors, but the dialog provides no indication of this through assistive technology. |
| You can select colors in Eclipse with this dialog in the following way:</p> |
| <ol> |
| <li> Select to customize the color of something in Eclipse, for example the |
| color of Error Text in your Workbench Colors and Fonts Basic preferences.</li> |
| <li> In the color selection dialog, tab twice to go from the Basic Color matrix |
| to the Define Custom Colors button and press Enter.</li> |
| <li> You can now enter the basic colors using an HSL or RGB specification according |
| to the following definitions. See the<a href="colordialog.htm"> Windows Color |
| Dialog Reference</a> for a tables and values for these colors.<br> |
| </li> |
| </ol> |
| <h3 class="related">Related tasks</h3> |
| <a href="accessmain.htm">Accessibility features in Eclipse</a><br> |
| <a href="navigation.htm">Navigating the user interface by using the keyboard</a> |
| |
| <h3 class="related">Related reference</h3> |
| <a href="keyboardshortcuts.htm">Keys</a><br> |
| <a href="colordialog.htm"> Windows Color Dialog Reference</a> |
| |
| </body> |
| </html> |