Eclipse specific colour change with new Ubuntu themes - eclipse

All but one colour is a problem in Eclipse with the new Ubuntu (10.10) dark themes.
I want to change only this one, not the theme.
This is the background/colour used by Eclipse in lists (Explorer, Open Resource) when an item is pre selected (a selected item displays ok).
The current display is white on light-grey, not easily readable.
Where can I change that?

Update July 2012 (18 months later):
With the latest Eclipse4.2 (June 2012, "Juno") release, you won't depend on the OS colors anymore.
See the article by Lars Vogel in "Eclipse 4 is beautiful – Create your own Eclipse 4 theme":
If you want to play with it, you only need to write a plug-in, create a CSS file and use the org.eclipse.e4.ui.css.swt.theme extension point to point to your file.
If you export your plug-in, place it in the “dropins” folder of your Eclipse installation and your styling is available.
Original answer: December 2010
It is a system color (a background color based on the underlying OS system color properties), so you will have to change a property in the theme, not a setting in Eclipse.
For instance, see "How to change the color of menu text?" (but this may not be exactly how your dark theme works and you will need to tweak the ~/.gnome* files)

just want to say that I had the same problem and that changing the "selected entry" text colour of the theme to #8C8C8C fixed it for me without hurting the themes "look and feel"

Related

Eclipse - how to change background color of selected file, when Project Explorer View is inactive

I can't see which file is selected in the Project Explorer view when the view is inactive, as the image shows. Someone can help me to change the background color of selected file?
Windows 10
Eclipse 2021-03
Dark theme
I would like something like was in the old Eclipse:
Windows 8.1
Eclipse 2018-12
I am dealing with the same problem... As a workaround you can take a look at e4-dark_partstyle.css file and make the background a little bit darker so the selection is visible. The key here is to know what element to modify. I have changed the background-color of a bunch of elements (including the one I think is related to package and project explorers, called Tree) from #2F2F2F to #171717.
Hope it helps.
Original:
Modified:

How to edit Javadoc popup link color in Eclipse

I am using the Dark theme in Eclipse Oxygen. When I hover over a class to view the Javadoc, the links are in blue and very hard to see
I have tried editing the hyperlink color in Preferences -> General -> Appearance -> Colors and Fonts -> Basic -> Hyperlink text color but that didn't work. Under the Java section in Colors and Fonts there is an entry to edit Javadoc background and Javadoc text color, but I see nothing for Javadoc hyperlink color or something like that. I could change the background color as a workaround but that breaks the dark theme and I'd rather not.
The short answer is you can't because it's system dependent.
Among the many other ongoing dark-theme bugs that need to be fixed, the particular bug you've found has been recently reported here as bug 517393. The target fix for this bug is in Eclipse Photon (4.8) Milestone 2.
I've figured out a workaround for this issue at least for Windows.
On Windows, Eclipse's html renderer follows Internet Explorer's option for changing color of webpage. So, if you do not use Internet Explorer or just do not mind such change of all webpage, let's go!
Please note that some desciption below may not be accurate since I do not use an English version of Windows.
Open IE, click GEAR icon at top right corner - choose Internet Optioin - click Color at the bottom - uncheck Use Windows Color - change the color of Visited and Unvisited, and the rest two to suit your need if you use dark theme in Eclipse. Apply the change.
Then click Accessibility (on the right of Font) - check Omit Color - Apply the change.
It's done.
For those who are like me still stuck with an older Eclipse IDE like 4.7.3 (without the fix of the bug mentioned in the first answer) and are using Windows:
The workaround in the previous answer does not work if you have Microsoft Edge installed instead of Internet Explorer. Reason: Microsoft Edge does not let you change the link color. There are Chrome Extension that you can install but this didn't work for me either.
Another solution could be to switch Windows to "High contrast mode". Someone even managed to change the link color for Eclipse. I accidently found this "temporary" workaround:
Start Eclipse
Activate Windows "High contrast mode"
Eclipse wants to be restarted. Say yes.
Deactivate Windows "High contrast mode"
Again, Eclipse wants to be restarted. Again, say yes.
Now the Javadoc popup looks like in "Light" theme!? So links are very easy to see now.
However, that's not a really comfortable workaround: it needs some time and you have to repeat these steps after every reboot. My "favorite workaround" for now, is to select the link text in the Javadoc popup with the mouse, so that the link text is displayed with a more readable background/foreground color combination.

Eclipse IDE for Java - Full Dark Theme

Is there any way to completely turn Eclipse to a dark IDE?
Here's a Picture of what I'm asking:
I don't mind doing 1 hour of work to do something like this :D
EDIT:
As Konstantin Komissarchik said, I had to modify my OS colors. This is possible by adding a custom Visual Style to the Windows. With the aid of a Custom Theme and a Custom Visual Style for Windows 7 (Which I have changed a little bit), my Eclipse looks like the picture below:
Update 2019:
The latest versions of Eclipse now come with a dark theme. Just go to Window -> Preferences -> General -> Appearance -> Theme and select "Dark" or another appropriate version based on your operating system.
Of course you can still enable dark visual styles to your Windows or change your theme on other operating systems but the default dark theme is good enough for the most part.
Moonrise is the best dark theme I have ever seen for Eclipse!
Just follow the steps on the website and Enjoy!
https://github.com/guari/eclipse-ui-theme
Update August 2016:
Tejas Padliya adds in the comments:
Dark theme works well with Eclipse 4.5 onward with Windows 10.
No more black text on black background
Update June 2014:
As mentioned din "Dark Theme, Top Eclipse Luna Feature #5", Eclipse 4.4 (Luna) has a dark theme included in it (see informatik01's comment):
When Eclipse 3.0 shipped in 2004 it brought a new look to the workbench. Now, 10 years later, an entirely new Dark Theme is launching.
The theme extends to more than just the Widgets. Syntax highlighting has also been improved to take advantage of the new look.
The What's new page mentions:
A new dark window theme has been introduced. This popular community theme demonstrates the power of the underlying Eclipse 4 styling engine.
You can enable it from the General > Appearance preference page.
Plug-ins can contribute extensions to this theme to style their own specific views and editors to match the window theme.
Update April 2013:
It seems the solution below don't work well with Eclipse Juno 4.2 and Windows 8, according to Lennart in the comments.
One solution which (mostly) work is the Eclipse Chrome Theme (compatible Juno 4.2 and even Kepler 4.3), from the GitHub project eclipse-themes, by Jeeeyul Lee.
This post mentions:
The first is to change the appearance of what is inside the editor windows.
That can be done with the Eclipse Colour Theme plugin (http://eclipsecolorthemes.org/). My favourite editor theme is Vibrant Ink with the Monaco font. They explain how to install their themes very well (http://eclipsecolorthemes.org/?view=how-to-use), although you get a fine set of dark themes with the default plugin install and may not need to come back to their website for any more. Get the plugin here.
The second stage is darkening the chrome of the UI, which is all the widgets and menus and everything outside of the child window canvases.
This plugin gives you a GUI editor for the chrome colour scheme: https://github.com/jeeeyul/eclipse-themes/.
If you want a dark one, go ahead and click away until eclipse is dark.
Once you are done, some GUI surface area will show through the system theme as mentioned at the top of this post.
Rather than using that editor, you could install the pre-baked Dark Juno theme instead.
The install is manual.
Start by downloading it from here: https://github.com/eclipse-color-theme/eclipse-ui-themes.
It has to be copied into your eclipse dropins folder. This lives next to the eclipse executable, not in your workspace or someplace like that. In my case the command to do the copy was:
cp ./plugins/com.github.eclipsecolortheme.themes_1.0.0.201207121019.jar /usr/lib/eclipse/dropins/
You could be running eclipse from any directory though, so which eclipse will tell you where it should go.
Restart eclipse and you should find a Dark Juno option under Preferences::General::Appearance. It is a nice neutral grey with some gradients and is a very good option.
~~~~~~~~~~~~~~
Update December 2012 (20 months later):
The blog post "Jin Mingjian: Eclipse Darker Theme" mentions this GitHub repo "eclipse themes - darker":
The big fun is that, the codes are minimized by using Eclipse4 platform technologies like dependency injection.
It proves that again, the concise codes and advanced features could be achieved by contributing or extending with the external form(like library, framework).
New language is not necessary just for this kind of purpose.
Update July 2012 (15 months later):
I have seen one! (Ie, a fully dark theme for Eclipse), as reported by Lars Vogel in "Eclipse 4 is beautiful – Create your own Eclipse 4 theme":
If you want to play with it, you only need to write a plug-in, create a CSS file and use the org.eclipse.e4.ui.css.swt.theme extension point to point to your file.
If you export your plug-in, place it in the “dropins” folder of your Eclipse installation and your styling is available.
pixeldude mentions in the comments having publish "Dark Juno" on GitHub!
Komododave mentions that you don't always need a plugin: see "Ubuntu + Eclipse 4.2 - Dark theme - How to darken sidebar backgrounds?" for an example, based on gtkrc resource.
Original answer: March 2011
Note that a full dark theme will be possible with e4.
(see dynamic css with e4 or A week at e4 – Themeing in e4):
In the meantime, only for editors though (which isn't what you want but still merit to be mentioned):
www.eclipsecolorthemes.org:
"Fresh up your Eclipse with super-awesome color themes!"
UPDATE 2: A fork of this plugin has been merged with the main Eclipse Platform. You should find it pre-installed in the future Eclipse releases ;)
UPDATE: I released a new version, it's a little bit darker, now pretty everything that can be currently modified has been aligned to the theme colors. Have fun!
Here is a screenshot:
if you may like, I uploaded on github a dark theme I made some months ago to avoid blinding my eyes when spending many hours on the editor.. I made it because with all the others themes some Eclipse parts remains ugly and unstyled.
You can find it here: http://guari.github.io/eclipse-ui-theme/
With my Eclipse configurations works quite ok, if you'll find some elements that remains unstyled you can submit an issue or suggest a change and I'll try to correct it if it's possible ;) (remind that currently, CSS styling support in Eclipse it's uncomplete and sometimes buggy..)
There is a completely new, free plugin which is really DARK, supports Retina and has beautiful icons.
What is most important: It doesn't suck on WINDOWS! It doesn't have white scrollbars and other artifacts. It's really dark.
You'll find it there:
https://marketplace.eclipse.org/content/darkest-dark-theme
This is how it looks like on Windows 10 with Retina screen:
Here is my Black Eclipse Custom CSS for Chrome Theme Plugin. Usable with eclipse 4.2 and 4.3. Main goal was to make it look nice in ubuntu, besides making it "darker".
Caution: May or may not work on Windows Systems, only checked with ubuntu.
Required: Chrome Theme and Color Theme plugin
Install those mentioned plugins. They can be found in the eclipse marketplace.
Install my variant of Gedit Oblivion Theme in Color Theme and activate it. (http://eclipsecolorthemes.org/?view=theme&id=12544)
Insert the custom css in css editor of Chrome Theme. I spend several hours with CSS Spy to find out all the relevant information to make eclipse as black and this file as small as possible. There is also an .epf File for the Chrome Theme plugin preferences you should import.
You can get it from my dropbox: https://www.dropbox.com/sh/ye5tosl3cjhx96d/yL-_Y5j1PE
In the end your eclipse will look like this:
Have Fun!
Help → Install New Software.
Enter Eclipse Color Theme Plugin URL: http://eclipse-color-theme.github.com/update
Install Eclipse Color Theme Plugin.
Restart Eclipse.
Goto Window → Preferences → General → Appearance → Color Theme
I like the Havenjark default Color Theme. Eclipse Color Theme Plugin comes loaded with 24 default Color Themes and option to Import a theme.
Install a newer version of Eclipse, (Luna Release (4.4.0) or more recent), it include a great Dark theme by default.
Here is a screenshot :
Eclipse uses native OS controls for most UI aspects (buttons, menus, lists, etc.). That's where colors for most of the IDE come from. The first step in making a "dark IDE" is to modify your OS color theme. Then you can add the color themes plugin to complete the look.
Its Simple.just Download this file DarkJuno Theme.Then Extract the rar file and copy com.github.eclipsecolortheme.themes_1.0.0.201207121019.jar file to /yourEclipsHome/dropins.
Then restart Eclips and go to window/preference/General/Appearance.In there choose Dark Juno theme on Dropdown. Thats it. Restart Your Eclips.
For More Info watch this video tutorial
If the purpose of a dark theme is to make your eyes comfortable, you can enable High Contrast settings of your Operating System. For example in Windows 8.1 you can turn on - off High Contrast by pressing ALT + left SHIFT + PRINT SCREEN
This will make entire OS in dark mode, not only eclipse. Below is a sample screenshot of Eclipse with High Contrast enabled
If you are in ubuntu 12+ get compiz settings manager, in accessibility enable negative, set the shortcuts. The default is super+n. Now make eclipse be in focus and press the super+n or the key you set it as. This will apply negative filter on eclipse.
I've build a win 7 dark theme base on the popular windows 7 'concave 7' theme for eclipse dark juno theme.
And I also create a dark theme inspired from the editor color theme 'Zenburn' created by Janni Nurmin
Here are photos of this theme:
https://plus.google.com/u/0/photos/114921213517944089128/albums/5952793008016527457
All settings of this theme is available on github:
https://github.com/youjenli/dark-theme-for-win7-eclipse
And feedback and suggestion is appreciated, thank you!
For a Visual Studio 2013 Dark Theme:
Combine this preferences file from eclipsecolorthemes.org (an .epf) with the built-in dark theme from Eclipse Luna. I was able to do so with the following steps:
Window > General > Appearance > Theme: Dark.
File > Import > General > Preferences > Browse: theme-25999.epf > Finish.
An example search for more VS Dark Themes on eclipsecolorthemes.org
I've spent few hours looking for a nice solution to make my eclipse UI dark, and I have finally found a way to do it. I am using Fedora 18 and Eclipse for PHP Developers (PDT v3.0.2).
The nicest solution is to download DeLorean Dark Theme then enabling it in Gnome Shell.
Installation procedure:
Download DeLorean-Dark-Theme-3.6 vs.2.56 from http://browse.deviantart.com/art/DeLorean-Dark-Theme-3-6-vs-2-56-328859335
Unzip the archive, and copy the delorean-dark-theme-3.6 folder to /usr/share/themes/
Open Gnome Tweak Tool Enable the freshly installed theme from Theme > Gtk+ Theme (If gnome-tweak-tool isn't installed, install it using yum install gnome-tweak-tool, then F2 or launch it from the terminal)
Reload Gnome Shell by hitting F2, then typing 'r'
Open Eclipse PDT and enjoy the new look
I highly recommend to pick one of the nice code coloring themes from eclipsecolorthemes [DOT] org I am using a custom version of the Oblivion theme by Roger Dudler
Here is what it looks like: http://i.stack.imgur.com/Xx7m6.png
This procedure is for Eclipse PHP and Aptana 3. If you are using Eclipse 4 and higher, I recommend DeLorean Dark Theme for eclipse: http:// goo [DOT] gl/wkjj8
There is pretty simple and easy solution to this problem) Just few simple steps that will transform your ugly Eclipse into fully darked beast)
example of full darked Eclipse
No heavy work or manually editing files required!
At least this works with the last Eclipse (Mars 2) on Ubuntu 14.04 (though i think such process should work on all OS's)
So:
Download some dark GTK theme
for example, you can grab few from http://www.noobslab.com/
To apply your newly installed theme you will need Unity tweak tool
sudo apt-get install unity-tweak-tool
sudo apt-get install unity-webapps-service
Launch Unity tweak - Appearance - Theme - apply your dark theme
Open Eclipse; in preferences choose GTK theme
In Eclipse, open Marketplace and install Color Theme - you will be able to change editor background and highlight colors to match your dark theme
Close Eclipse
Go to Eclipe folder:
../Eclipse/plugins/org.eclipse.ui.themes_WHATEVER_NUMBER_HERE/
in that folder rename or delete 'css' folder
Open and enjoy fully darked Eclipse!
PS: install a few dark themes and try which will suit you more
Instead if finding a night theme I found a utility that puts my entire desktop into night mode NegativeScreen.
I use the below adjusted 'Smart Inversion Alt 2' matrix where the black is lightened a little.
Smart Inversion Alt 2b (danielsokolowski)=
{ 0.390, -0.620, -0.620, 0.000, 0.000 }
{ -1.210, -0.220, -1.220, 0.000, 0.000 }
{ -0.160, -0.160, 0.840, 0.000, 0.000 }
{ 0.075, 0.075, 0.075, 1.000, 0.000 }
{ 1, 1, 1, 0.000, 1.000 }
There's a new plugin which provides full theming for Eclipse:
http://brainwy.github.io/liclipse/
It's integrated with Eclipse Color Theme so that when a new theme is selected in preferences > general > appearance > color theme, the proper background is also applied to other parts of the IDE (theming everything or just views which are previously registered according to a combo in that same page).
And besides theming it provides a bunch of other things :)
You can use this great theme from above and add predefined theme only for editor from this site:
http://eclipsecolorthemes.org/
(I use guari and retta and I think that looks real good :)
I hope that it will help someone :)
Darkest Dark is the best dark theme.
It also comes with different toolbar icon shapes. Here's the link :
https://marketplace.eclipse.org/content/darkest-dark-theme
Hope you like it.
Windows 10 users
If you want to get a custom window title color on Windows 10, in short going from this
to this (or any other custom color for the window of your Eclipse IDE)
follow the next steps.
Go to C:\Windows\Resources\Themes\. Duplicate the folder aero and the file aero.theme. If you can't duplicate the folder and the file then right click on both, Properties, Security, Modify, add your user to Permissions, and set authorizations to modify, read and write.
Rename the folder C:\Windows\Resources\Themes\aero - copy and the file C:\Windows\Resources\Themes\aero - copy.theme to C:\Windows\Resources\Themes\custom and C:\Windows\Resources\Themes\custom.theme (you can pick the name you want).
Rename C:\Windows\Resources\Themes\custom\aero.msstyles to C:\Windows\Resources\Themes\custom.msstyles.
Rename C:\Windows\Resources\Themes\custom\%your_locale%\aero.msstyles.mui (%your_locale% is fr-FR in my case) to C:\Windows\Resources\Themes\custom\%your_locale%\custom.msstyles.mui.
Edit custom.theme with Notepad and change the PATH variable of VisualStyles to your custom.msstyles.
Set your custom theme (yet unchanged) by double-clicking on custom.theme. Then right-click on start menu button, go to Parameters -> Customize appearance -> Themes and select the second one. Go to the menu Colors, select dark mode for every applications. Choose custom color for accent color and put it full black.
Apply your favorite dark theme (here DevStyle - Darkest dark - Deep black) to Eclipse and voilà, you have a full dark theme for Eclipse on Windows 10!
For Mac,
Eclipse > Preferences > Appearance > Theme

Eclipse's Package explorer background color follows windows theme. I want to change the color without changing windows' theme. Possible?

Maybe a way to alter the colors locally (as in application dependant)?
A background color of eclipse is white, the same white of windows' active window background color. If I change the color on the theme, eclipse changes to the color.
I want to change this software's color without changing the whole theme (because then every program gets weird colors). Is this possible? I thought that maybe there was a way to apply different windows themes to different programs, or something.
I'm using windows XP, classic windows theme.
Install the "Eclipse 4 Chrome Theme" from
http://marketplace.eclipse.org/content/eclipse-4-chrome-theme
Then you can customize a lot of the Eclipse UI widgets.
But not what you want, at least not out of the box.
For that you should go to the CSS tab (in Eclipse 4 Chrome Theme) and paste this:
Tree, List, Table {
background-color: #202020;
color: #d0d0d0;
}
You can change almost anything, the problem is finding out what, and the fact that some things are bitmaps that you can't change (so if the bitmap is dark and you set a dark background you will "loose" the bitmap)
This list of widgets might help, http://download.eclipse.org/rt/rap/doc/1.5/help/html/reference/theming/index.html but they give you generic info on the widget names, not the Eclipse info (with IDs and all), so be careful :-)
== Very late addition ==
Everything you need in one place, including links to a custom dark theme: http://mihai-nita.net/2013/09/19/dark-eclipse/
Mac Screen Shot Example as of Sept 2013 (please be sure to restart Eclipse after changing file):
Just search "Theme" in the Eclipse Market Place. Install Moonrise. (Should be first option). Then go to the General, appearance, Click on appearance, change theme to moonrise, Then there you go.
Knowing the way the workbench is built, I'm sure your request is not possible on the Eclipse side. You can do this for the editors, because they are StyledText widgets, and you are exposed some preferences to customize these.
The other views are various widgets, some are Trees, some are Text, some are composed from various other widgets. All of them are created with the default constructor which just uses the Windows theme.
I don't know of a way to change every Eclipse window to your color scheme, but I can get you at least as far as changing some of the editing windows...
Open up "Window -> Preferences", then under "General | Editors | Text Editors" you will find a section that will allow you to set the "Appearance color options", Background color is one of those options.
PS: I'm using Eclipse 3.6 (Helios)
Sadly, this is not possible (which is crazy).
However, Aptana Studio (which is an Eclipse derivative) lets you theme the entire IDE.
I did some research and found that actualy it is posible to change all colors, but abit harder.
there are two methods that I found so far.
first since eclipse is using OS themes, you can change your OS background settings, like folder background etc., or just change the whole theme if your using windows, but the downside is that all windowses will be same color, in linux and mac os it is also posible, but in different way, I did read it somewhere, but can't remember where :)
second creating a specific theme for eclipse, for example http://rogerdudler.github.io/eclipse-ui-themes/ or any other theme like google chrome etc.
Install the theme from here as per the instruction in the github:
https:// github.com/guari/eclipse-ui-theme
If you don't like the editor color theme, there are bunch of 'em here
http://eclipsecolorthemes.org/
Combination of both just works like charm for me!

Is there a color picker plugin for Eclipse?

I'm using Eclipse Galileo PDT for my work. I also use it to edit my CSS files.
Is there a plugin that lets me pick a color (from a palette or even anywhere from the screen) and which returns the HEX value of that color into my CSS file?
Jspresso Colors 'n Fonts
Just select any java string literal and right click on it to open the contextual popup menu... then select Jspresso>Choose Color... or select Jspresso>Choose Font...
Supports also tooltip : fly over your string literal to display the current color or font... and activate hyperlink to open the editor popup !
Aptana Studio has really great support for CSS. CSS color picking is easy, you can grab a color from anywhere on the screen.
You can install Aptana as a plug into an existing Eclipse installation.
http://docs.aptana.com/docs/index.php/Plugging_Aptana_into_an_existing_Eclipse_configuration
I would recommend to use external software: http://www.colorschemer.com/online.html
You can integrate it into Eclipse.
I have used this plugin called colors in both Galymeade and I just dropped into Galileo.
http://www.eclipseplugincentral.com/Web_Links-index-req-viewlink-cid-1281.html you can copy the color code to/from clipboard or editor. Slider bar for coloring, color picker etc. I used it to edit css files on a recent project. Good Luck.
You might want to check out the second example at http://eclipsescript.org/#example-scripts.
I created a Groovy Monkey script that opens Eclipse's color picker. It was inspired by what fornwall pointed at (second example of Eclipse Script plugin). It's also able to recognize if current selection is a color so it can be selected it in the picker.
The script is on gist.github, instructions included.
Having a shortcut key for a script is not (yet?) possible in Groovy Monkey, but Crtl+Alt+M runs the last executed script.
A good plugin to consider is the Designerator Color Plugin from the Designerator project. It contributes a Colors view as explained in this blog post. No need to install the whole software, the color view is in a separate feature that can be installed by itself.
The Sampler plugin could also be of interest. However it does not show a color picker dialog where one can select a color, it only has the color picker tool for selecting a color from the screen.
There are a few plugins at the Eclipse plugins site that might meet your needs.
CSS Designer looks promising:
JointLogic CSS Designer is an Eclipse plugin that provides CSS authoring facilities like - CSS Styles view, CSS declaration designer with preview and web-oriented color picker. It integrates with Eclipse Web Tools Platform (WTP) to allow CSS authoring while editing CSS and HTML files.
Here's a screesnhot from the homepage: