Custom Eclipse Theme under Windows (diagram)

Previously used some editors such as sublimetext,ide such as Phpstorm,idea and so on; These tools give me the feeling that, in addition to giving these tools the functions they deserve, they give developers a more friendly and comfortable interface. Eclipse was very early in use, before the use of its own classic interface does not have a special feeling, because the same time in the use of the VS also like that, and later felt white glare, changed the Windows window background color is light green, but for people with obsessive-compulsive disorder, The interface is green and the west is white, so the effect of this change is only worse. And, now the eyes have been in front of those several development tools "spoiled", long-term to the white graphic interface, feeling very unsightly. So much nonsense, let's talk about how I changed the theme of eclipse:

First of all, let's give you a picture:

This is the default interface for Eclipse, and now the eclipse is built with the ability to change themes, in the following steps:

Window>preferences>general>appearance, select the theme option on the right to dark theme, then click OK

After the theme has changed, our interface has become the following:

If this interface already satisfies you, the following section can be ignored.

But for some people, you might want to fine-tune some of the details of this topic, such as the font size of the project panel, the variety of code editing areas, and so on. Here are a few more plugins:

1. More editor Theme: Color Theme Plugin

The main function of this plugin is that there can be more style template selection in the editor area. The Eidtor area refers to the area where you edit the code.

Eclipse's market has more styles to download, RELATED links: http://marketplace.eclipse.org/content/eclipse-color-theme

Click the extenal install Button and drag the install icon below to your eclipse to automatically install it online or download it offline.

Next click on Confirm,

Click on the I accept>finish, then wait for it to finish installing. Click OK

Click Yes,eclipse to restart automatically

At this point, clicking Window>preference>general>appearance will find that there are now three options, one of which is the color theme. Click on the color theme and a list of topics appears on the right.

Click on each topic and click Apply>yes, and you will find that your code editing area (editor) will change accordingly:

You can choose more editor themes so far. In addition to editor, other areas are controlled by the appearance theme. Appearance's theme is also available, Eclipse market is available, you can find the download for yourself.

2

2. CSS Spy Plugin

The theme style of Eclipse is controlled by CSS, changing the theme style of Eclipse, you can go directly to plugins\org.eclipse.ui.themes_xxxx\css under the installation root of Eclipse to find E4-dark_ WIN.CSS file for modification. (Here need to know a bit of CSS, do not understand their own w3cschool learning)

But to modify the CSS style, you must know the identifier of the style, and the CSS spy can help us find the appropriate ID or class or tag for each location in eclipse.

Plugin Link: http://marketplace.eclipse.org/content/eclipse-4-tools-css-spy#.UYrzSkAW1J0

The installation method is the same as above. After installation, the CSS Spy panel can be recalled by combining key Alt+shift+f5:

At this point, you use the mouse to click Eclipse,css Spy will immediately list the corresponding click location information:

At this point, you can use the CSS spy to find the identifier to change the corresponding style

3. Chrome Theme Plugin

1) to change the theme style of Eclipse, you can find the E4-dark_win.css file and modify it directly to Plugins\org.eclipse.ui.themes_xxxx\css under the installation root of Eclipse. (Here need to know a bit of CSS, do not understand their own w3cschool learning)

2) You can also choose Eclipse's Chrome Theme plugin modification, which provides developers with more freedom to control some of the details of Eclipse style, such as Control Panel font size

Chrome Theme Plugin Link: http://marketplace.eclipse.org/content/eclipse-4-chrome-theme#.UYrzEkAW1J0

installation mode like color theme, I don't post it anymore.

Custom Eclipse Theme under Windows (diagram)