402
votes

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: Screenshot of my Eclipse

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.

Eclipse default dark theme

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.

20
I already read these. The themes provided in the website and the plugin just change the editor's theme not the whole application.Alireza Noori
I don't know about the latest versions of the Eclipse but for the version I use, it's not possible. The picture I have uploaded is with the aid of a custom Visual Style.Alireza Noori
Does the Placebo theme override all other themes or is it something you can revert on the fly? The fact I'm overriding libraries to install it is the only thing keeping me from doing this.Daniel B. Chapman
I'm not currently using the Placebo VS. I'm using another one but the important thing is that using a VisualStyle changes the look of your Windows altogether, not just Eclipse. You can easily go to Personalize settings in Control Panel and change it to the Windows' default theme.Alireza Noori
The image above is created with the custom VisualStyle I've already linked. However, currently I'm using my own modified theme (for editor) + this amazing theme for Eclipse Juno. If you'd like, I could share my theme too.Alireza Noori

20 Answers

284
votes

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

https://raw.github.com/guari/eclipse-ui-theme/master/com.github.eclipseuitheme.themes/screenshot/screenshot-ubuntu_v0.8.2.png

212
votes

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):

http://eclipsesource.com/blogs/wp-content/uploads/2014/06/darklinux.png

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":

enter image description here

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":

Eclipse fully dark 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):

dark theme extension

full dark theme

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!"

themes for editors

25
votes

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: enter image description here


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

16
votes

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:

enter image description here

12
votes

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

  1. Install those mentioned plugins. They can be found in the eclipse marketplace.

  2. Install my variant of Gedit Oblivion Theme in Color Theme and activate it. (http://eclipsecolorthemes.org/?view=theme&id=12544)

  3. 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: Black Eclipse running in ubuntu

Have Fun!

10
votes
  • 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. enter image description here
8
votes

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 Luna 4.4.0 Dark Theme

6
votes

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.

4
votes

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

4
votes

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

enter image description here

3
votes

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.

2
votes

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!

2
votes

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:

  1. Window > General > Appearance > Theme: Dark.
  2. File > Import > General > Preferences > Browse: theme-25999.epf > Finish.

An example search for more VS Dark Themes on eclipsecolorthemes.org

1
votes

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:

  1. Download DeLorean-Dark-Theme-3.6 vs.2.56 from http://browse.deviantart.com/art/DeLorean-Dark-Theme-3-6-vs-2-56-328859335
  2. Unzip the archive, and copy the delorean-dark-theme-3.6 folder to /usr/share/themes/
  3. 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)
  4. Reload Gnome Shell by hitting F2, then typing 'r'
  5. Open Eclipse PDT and enjoy the new look
  6. 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

1
votes

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:

  1. Download some dark GTK theme

    for example, you can grab few from http://www.noobslab.com/

  2. 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
    
  3. Launch Unity tweak - Appearance - Theme - apply your dark theme

  4. Open Eclipse; in preferences choose GTK theme

  5. In Eclipse, open Marketplace and install Color Theme - you will be able to change editor background and highlight colors to match your dark theme

  6. Close Eclipse

  7. Go to Eclipe folder:

    ../Eclipse/plugins/org.eclipse.ui.themes_WHATEVER_NUMBER_HERE/

    in that folder rename or delete 'css' folder

  8. Open and enjoy fully darked Eclipse!

PS: install a few dark themes and try which will suit you more

1
votes

Instead if finding a night theme I found a utility that puts my entire desktop into night mode NegativeScreen.

eclipse ide night mode

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 }
0
votes

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 :)

0
votes

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 :)

0
votes

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.

0
votes

Windows 10 users

If you want to get a custom window title color on Windows 10, in short going from this

eclipse - white window title

to this (or any other custom color for the window of your Eclipse IDE)

eclipse - full black

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

themes folder

Rename C:\Windows\Resources\Themes\custom\aero.msstyles to C:\Windows\Resources\Themes\custom.msstyles.

custom theme folder

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.

custom theme - locale folder

Edit custom.theme with Notepad and change the PATH variable of VisualStyles to your custom.msstyles.

changing theme path

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.

start menu - parameters

choosing custom theme

changin custom theme

custom accent color

custom accent color set to 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!

eclipse - full black