On Eclipse-Java EE, how do I change the color settings for selected elements on a tree view?


Tags: css,eclipse,color-scheme,eclipse-luna,eclipse-jee

Problem :

I've recently switched to the dark theme on Eclipse Java EE Luna, even tried other dark themes such as moonrise, but I always end up having to tune some settings in order to be able to read things (which by the way I have to set up again every time I restart eclipse, I hope they fix that ticket soon!)

However, I couldn't figure out how to fix the most annoying problem. On some views, such as Navigator view I can read the selected item properly: enter image description here

On others though (such as package explorer, search, and servers views), this is what I get:

enter image description here

As you can see the selected item text is quite difficult to read.

It's my understanding I cannot fix this by editing a config setting, but instead I have to open the CSS theme file and edit the property or properties. Only I don't know which one or which ones I have to edit. Any clues?



Solution :

You can change the color of items in the views. To do that navigate to eclipse/plugins/org.eclipse.ui.themes_x.x.x..../css and open e4-dark_win.css file (if you are using windows). Find CTabFolder Tree, CTabFolder Canvas and .MPartStack.active Tree, .MPartStack.active CTabFolder Canvas definitions and change color to something more pleasing.

E.g.

CTabFolder Tree, CTabFolder Canvas {
    background-color: #2F2F2F;
    color: #ffffaa;
}
.MPartStack.active Tree,
.MPartStack.active CTabFolder Canvas {
    background-color: #262626;
    color: #ffffaa;
}

    CSS Howto..

    JQuery, fade out table row and contents (on scroll) in ratio to how much the row is hidden by containing div

    CSS How to align two DIVs on the same line without using floats

    how to insert css into html for blogger gadget

    How to style table as responsive using Jquery mobile?

    CSS Transitions using AngularJS ng-show

    How set a page to maximum and minimum sizes via css

    How to keep two input box side by side in html using CSS?

    How to center this flip card example?

    how to test css(3) style property value support, repeat value support?

    How to achieve a silk-screen effect (a dotted shadowy effect) on an image with javascript/jquery?

    How to achieve vertical centering with optional extra element and adjacent matching column, in pure CSS, no tables?

    CSS3 Transitions in Stylus - how to degrade for IE9

    How to call external CSS in presence of inline and internal?

    Some doubts about how exactly grid BootStrap component work? [closed]

    How to animate text with css font-weight property in jQuery ? normal to bold

    website div won't stretch from left to right, how do you fix css?

    Having Two HTML issues with PHP DOM: 1.) DOMDocument::createEntityReference $name values and 2.) how to add multiple CSS classes an element?

    How to: Reduce font-size if a line breaks

    Overlay image to show like panorama [closed]

    How to align multiple columns in bootstrap 3 carousel?

    how to stop only the hover pointer event in css

    how to do 3d menu in css 3 with that effect like on page [closed]

    How to draw a half circle (border, outline only) [closed]

    How to hold three different text alignments in one CSS Box?

    how to affect an element's width by one child element but not others using CSS

    How to make SVG clip-path work correctly in Google Chrome?

    How to exclude leading hyphens from justification in dialogue lines using CSS + HTML?

    How to make a picture hover over others without moving the other pictures?

    How to print javascript within HTML id tag

    How to horizontally center Twitter Bootstrap grid elements