421

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.

19
  • 5
    I already read these. The themes provided in the website and the plugin just change the editor's theme not the whole application. Feb 19, 2011 at 23:07
  • 1
    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. Mar 26, 2012 at 22:47
  • 1
    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. Apr 29, 2012 at 23:36
  • 1
    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. May 2, 2012 at 11:03
  • 1
    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. Jun 12, 2013 at 5:47

21 Answers 21

291

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

20
  • 3
    This worked for me on the latest Eclipse (Kepler SR1). I use it with eclipse color theme plugin for syntax highlighting.
    – SunnyD
    Nov 13, 2013 at 5:22
  • 59
    Ubuntu people will get this, but this sucks on Windows unfortunately :(
    – vach
    Jan 16, 2014 at 10:23
  • 24
    Didn't really work for me, the background is off black and the majority of code is black so pretty unreadable :(
    – serenskye
    Mar 24, 2014 at 9:45
  • 3
    If you apply the theme and the code highlighting (linked on the github page) and the Eclipse Chrome Theme settings that are also linked, it actually looks OK on Windows. You might need to change the system theme to one that uses similar colours for windows etc (e.g. download.microsoft.com/download/1/7/A/… for win 7 users) but you are 99% of the way there with just the defaults they give you, and there are additional tweeks listed in the troubleshotting that can solve any remainging issues.
    – MrCeeJ
    Mar 25, 2014 at 10:12
  • 1
    I have just installed the Moonrise theme and it's great however, my text editor cursor is black - is there anyway to change it to white so it is visible when selecting code?
    – Filth
    May 28, 2014 at 5:34
215

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

29
  • 13
    I've released Dark Juno, the theme you mentioned above on github. github.com/eclipse-color-theme/eclipse-ui-themes Jul 11, 2012 at 20:55
  • 1
    @pixeldude Excellent. I have edited the answer to include your project, for more visibility.
    – VonC
    Jul 11, 2012 at 21:21
  • 1
    @ignis interesting. So two theme mechanisms are needed then.
    – VonC
    Nov 3, 2012 at 20:37
  • 2
    Juno (4.2), Windows 7: the "Dark Juno" plugin has some bugs. For example, the Maven POM Editor tabs are not displayed. Deal breaker, unfortunately.
    – Joe Coder
    Jun 25, 2013 at 1:03
  • 4
    Seems like with the official release of Eclipse Luna (4.4.0) a new update for your post is needed: now the dark theme comes with Eclipse (no additional actions needed). Here what the official Eclipse documentation says: What's new in Eclipse Luna? Jun 29, 2014 at 18:20
26

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

2
  • Great to hear that this will come as a part of the Eclipse package. Awesome! Love the theme. Out of interest, what colours do you use for content assist background/foreground?
    – Chris
    Mar 17, 2014 at 9:41
  • If you import the .epf file linked in the README, you will have automatically the right colors for ContentAssist and many other parts ;). You can see the settings by opening that file with a text editor.
    – guari
    Apr 6, 2014 at 14:36
19

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

1
  • THIS MESSED UP MY ECLIPSE INSTALLATION. Deep s..t It suck in every way Oct 21, 2020 at 19:18
13

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!

4
  • thx, what I may have missed out here are some tweaks and setting in Chrome Theme, but I am sure anyone who messes with this, will find out which strings to pull. (I remember that I changed the font to ubuntu mono and got rid of shadows with a checkbox in Chrome Theme)
    – mondjunge
    Jun 27, 2013 at 16:18
  • On Win7 this seems to have the same symptoms as described by @Joe Coder Jun 27, 2013 at 23:19
  • I do not use Maven, sry. On a quick view, everything is fine with POM Editor in Kepler, but POM Editor is not working at all in my old Juno Install (Maven is installed).. Maybe it is a Juno problem? Or Windows? I can only recommend to use an superior OS when developing. :D (joking! windows is totally fine for developing!)
    – mondjunge
    Jun 28, 2013 at 7:49
  • If your goal is to have everything white on black as can be seen in your screenshot then it's very easy.. you can obtain it by putting only one css line: * { background-color:black; color:white; } ;) then add only the few relevant rules to style the tab with a gradient. Instead, if you want to set different colors for more elements then things will become harder and really annoying, since lots of bugs in e4 render will pop up...
    – guari
    Sep 16, 2013 at 13:11
11
  • 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
0
9

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

1
  • 1
    There are still some light gray elements like droplists, scroolbars (vertical and horizontal), title bar of logcat, buttons, menu bar.. ;( and simple change of these in windows is not possible ;(
    – Ewoks
    Feb 23, 2015 at 12:32
7

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.

2
  • 1
    Thanks. I'm using a dark theme (Placebo) for my Windows 7 and right now its really heaven for my eyes!! Very cool theme. Mar 10, 2011 at 11:07
  • 1
    Cool. Could you post a screen capture of the finished result (os+eclipse)? Mar 10, 2011 at 21:13
5

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

5

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

1
  • High contrast is good on eyes but extremely ugly. As a normal person, I won't need to use that but I usually use modification such as visual styles and registry hacks for my OS. Aug 21, 2015 at 8:49
4

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.

3

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!

1
  • Man Thank you!! I expend hours trying to find a decent Windows 7 Dark Theme, This concave 7 I tried to download but the source wasn´t avaliable any more. This Theme of your is pretly suitable, THank you.
    – Daniel
    Mar 7, 2014 at 15:22
3

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

2

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

2

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

2

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 }
1

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

2
  • buttons and scrollbars as well?
    – Ewoks
    Feb 23, 2015 at 12:33
  • Some things are not themeable, but the latest version themes the editor scrollbars (but only that one, not the ones in the trees/tables). Feb 23, 2015 at 15:34
1

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

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

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

0

For Mac,

Eclipse > Preferences > Appearance > Theme

Not the answer you're looking for? Browse other questions tagged or ask your own question.