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..

    how to text zoom effect in css

    How to align image with hr line with another image html CSS?

    How do I properly reference files in subdirectories (in xampp) for PHP, CSS, etc. on localhost?

    How can I make a Div that stays on its position?

    How to add label to percentage bar in css and html?

    How to get the scroll bar with CSS overflow on iOS

    How to top-level a rich:panelMenu with it's rich:outputPanel with an h:panelGrid?

    How to make a toggleable navbar in pure CSS?

    How to change the size of item-avatar in ionic?

    How to increase constant space between li inline-block list elemets?

    CSS - How to remove unwanted margin between elements?

    How do I get my menu to drop down? CSS & HTML

    How did Blizzard achieve the layered cockpit view for the Starcraft II website?

    How to arrange div as a dock panel?

    How to make double lines border in CSS, each line in different color, without using background image?

    How To Highlight Show Active Tab In A Navbar-Fixed-Top

    How would I set this up? [closed]

    How can I change this CSS for desktop browsers only?

    How to get this image border effect with CSS [closed]

    How to apply an image to a CSS ordered list in WordPress?

    How to use Pseudo-Elements : before & :after to create end caps

    How to make fadeIn() and hide() work only for tablet and desktop versions?

    How to style a video iFrame?

    How to implement single-line ellipsis with CSS

    how to style a horizontal submenu with nested

      How to assign css for prettify(syntax highlighter)

      How to remove css files?

      How to make a horizontal list start in the center of the page?

      How to use Javascript to check and load CSS if not loaded?

      How to change the button color when it is active using bootstrap?