CSS Styling individual Parts of the Eclipse IDE by Lars Vogel

Posted on February 19, 2013 by Lars Vogel

Eclipse 4.2.1 introduces the capabilities to style individual parts, e.g. the Package Explorer. The ID of the part is used as the basis for the CSS ID selector but the dots in the ID are replaced by “-“.

For example the following styles the Package Explorer.

#org-eclipse-jdt-ui-PackageExplorer {
      font-size:20;
      background:black;
}

Thanks to Brian de Alwis for the implementation and also providing the tip how I can use that.

You find more details how to style Eclipse 4 RCP applications in the Eclipse 4 CSS Tutorial.

About Lars Vogel

Lars Vogel is the founder and CEO of the vogella GmbH and works as Eclipse and Android consultant, trainer and book author. He is a regular speaker at international conferences, He is the primary author of vogella.com. With more than one million visitors per month this website is one of the central sources for Java, Eclipse and Android programming information.
This entry was posted in Eclipse. Bookmark the permalink.

One Response to CSS Styling individual Parts of the Eclipse IDE by Lars Vogel

  1. Brian de Alwis says:
    February 19, 2013 at 8:24 pm

    I’ve merely contributed tweaks and fixes to the code base — the credit goes to Angelo Zerr and the many other e4 contributors since.

Comments are closed.