Dracula-based theme configuration for the Eclipse IDE or Spring Tool Suite

Version

2.6.0

Color palette

Custom colors

1. IDE Background: #2080A4 > rgb(32, 128, 164)
2. IDE Cyan: #A6EBF0 > rgb(166, 235, 240)
3. IDE Blue: #84C6EB > rgb(132, 198, 235)
4. IDE Panel Blue: #4EC5F2 > rgb(78, 197, 242)
5. IDE Light Blue: #A6D7F0 > rgb(166, 215, 240)
6. IDE Dark Blue: #0000C8 > rgb(0, 0, 200)
7. IDE Dark Green: #408080 > rgb(64, 128, 128)

Dracula-based colors

8. Dracula Background: #282A36 > rgb(40, 42, 54)
9. Dracula Comments: #6272A4 > rgb(98, 114, 164)
10. Dracula Selection: #415967 > rgb(65, 89, 103)
11. Dracula Cyan: #8BE9FD > rgb(139, 233, 253)
12. Dracula Dark Blue: #58B3FC > rgb(88, 179, 252)
13. Dracula Fucsia: #FF79C6 > rgb(255, 121, 198)
14. Dracula Yellow: #F1FA8C > rgb(241, 250, 140)
15. Dracula Green: #50FA7B > rgb(80, 250, 123)
16. Dracula Purple: #BD93F9 > rgb(189, 147, 249)
17. Dracula Orange: #FFB86C > rgb(255, 184, 108)
18. Dracula White: #F8F8F2 > rgb(248, 248, 242)

Basic configuration

1. Add the following CSS code to:

Eclipse:

• {user_directory}\.p2\pool\plugins\org.eclipse.ui.themes...\css\e4_classic.css:

Spring Tools Suite:

• {ide_directory}\plugins\org.eclipse.ui.themes...\css\e4_classic.css:

.MPart Tree {
        font-weight: bold;
        font-size: 10;
        color: #0000C8; /* IDE Dark Blue */
        background-color: #4EC5F2; /* IDE Panel Blue */
}

2. Set the "Classic" theme:

Preferences > General > Appearance > Theme: Classic

3. Set the background image:

1. Install the SimpleBackground plugin.
2. Preferences > SimpleBackground > Background image: background.png (must match the scren size)

Tip #1

You may need the Eclipse Web Developer Tools plugin, and close current files to see the new colors of HTML, CSS, and other web files.

Tip #2

You can avoid the color setting by just copying all the .PREFS files to this directory:

• {ide_workspace}\.metadata\.plugins\org.eclipse.core.runtime\.settings\

Color setting

UI Colors

1. Console colors:

Preferences > Run/Debug > Console:

1. Standart Out text color: White
2. Standart Error text color: Red
3. Standart In text color: Green
4. Background Color: IDE Dark Green

2. "Basic" colors:

Preferences > General > Appearance > Colors and Fonts > Basic:

1. Decoration color: Yellow

3. "View and Editor Folders" colors:

Preferences > General > Appearance > Colors and Fonts > View and Editor Folders:

1. Active (non-focus) part background begin: IDE BLUE
2. Active (non-focus) part background end: IDE BLUE
3. Active (non-focus) part foreground: Dracula Background
4. Active part background begin: IDE LIGHT BLUE
5. Active part background end: IDE CYAN
6. Active part foreground | Active part text color: Dracula Background
7. Inactive part background begin: IDE BLUE
8. Inactive part background end: IDE BLUE
9. Inactive part foreground | Inactive part text color: Dracula Yellow

Tip #3

Restart the IDE at this point to see the current changes.

Text Editor

1. "Text Editors" colors:

Preferences > General > Editors > Text Editors:

1. Line number foreground: Dracula Dark Blue
2. Current line highlight: Dracula Selection
3. Selection foreground color: Dracula White
4. Background color: Dracula Background

2. "Annotations" colors:

Preferences > General > Editors > Text Editors > Annotations:

1. Matching Tags: IDE Background
2. Ocurrences: IDE Background
3. Write Ocurrences: IDE Background

Java

1. Java "Editor" colors:

Preferences > Java > Editor:

1. Matching brackets hightlight: Dracula Cyan
2. Parameter hints background: IDE Background
3. Parameter hints foreground: Dracula White

2. Java "Properties Files Editor" colors:

Preferences > Java > Properties Files Editor:

1. Arguments: Dracula Purple
2. Assignments: Dracula White
3. Comments: Dracula Comments
4. Keys: Dracula Green
5. Keys: Dracula Yellow

3. Java "Syntax Coloring":

Preferences > Java > Editor > Syntax Coloring > Java:

1. Abstract classes: Dracula Cyan
2. Abstract method invocations: Dracula Green
3. Annotation element references: Dracula Dark Blue
4. Annotations: Dracula Fucsia
5. Auto(un)boxed expressions: Dracula Orange
6. Brackets: Dracula Purple
7. Classes: Dracula Cyan
8. Deprecated members: Dracula Orange (Strikethrough)
9. Enums: Dracula Cyan
10. Fields: Dracula White
11. Inherit fields: Dracula White
12. Inherit method invocations: Dracula Green
13. Interfaces: Dracula Cyan
14. Keyword 'return': Dracula Fucsia
15. Keywords excluding 'return': Dracula Dark Blue
16. Local variable declarations: Dracula White
17. Local variables: Dracula White
18. Method declarations: Dracula Green
19. Methods: Dracula Green
20. Numbers: Dracula Dark Blue
21. Operators: Dracula Purple
22. Others: Dracula Purple
23. Parameter variables: Dracula Orange
24. Restricted identifiers: Dracula Dark Blue (Underline)
25. Static fields: Dracula White
26. Static final fields: Dracula White
27. Static method invocations: Dracula Green
28. Strings: Dracula Yellow
29. Type arguments: Dracula Orange
30. Type variables: Dracula Orange

4. Javadoc "Syntax Coloring":

Preferences > Java > Editor > Syntax Coloring > Javadoc:

1. HTML markup: Dracula Dark Blue
2. Links: Dracula Purple (Underline)
3. Others: Dracula Orange
4. Tags: Dracula Fucsia

5. Comments "Syntax Coloring":

Preferences > Java > Editor > Syntax Coloring > Comments:

1. Multi-line comment: Dracula Comments
2. Single-line comment: Dracula Comments
3. Task Tags: Yellow

HTML

HTML "Syntax Coloring":

Preferences > Web > HTML Files > Editor > Syntax Coloring:

1. Attribute Equal Signs: Dracula White
2. Attribute Names: Dracula Green
3. Attribute Values: Dracula Cyan
4. Comment Content: Dracula Comments
5. Comment Delimiters: Dracula Comments
6. Content: Dracula White
7. Declaration Delimiters: Dracula White
8. DOCTYPE Name: Dracula Green
9. DOCTYPE Public Reference: Dracula Yellow
10. DOCTYPE System Reference: Dracula Orange
11. DOCTYPE SYSTEM/PUBLIC Keyword: Dracula Green
12. Entity References: Dracula Purple
13. Tag Delimiters: Dracula White
14. Tag Names: Dracula Fucsia

CSS

CSS "Syntax Coloring":

Preferences > Web > CSS Files > Editor > Syntax Coloring:

1. At-Rule: Dracula Fucsia
2. Attribute Name: Dracula Green
3. Attribute Selector Delimiter: Dracula White
4. Attribute Selector Operator: Dracula Purple
5. Attribute Value: Dracula Cyan
6. Class Selector: Dracula Green
7. Combinator: Dracula Green
8. Comment: Dracula Comments
9. Curly Brace: Dracula White
10. Default: Dracula White
11. Error: Dracula Orange
12. Id Selector: Dracula Green
13. Media Name: Dracula White
14. Property Delimiter: Dracula White
15. Property Name: Dracula Cyan
16. Property Value: Dracula Purple
17. Pseudo-class: Dracula Green
18. Quoted String: Dracula Cyan
19. Semicolon: Dracula White
20. Type Selector: Dracula Green
21. Universal Selector: Dracula Green
22. URI: Dracula Green

JavaScript

1. JavaScript "Syntax Coloring":

Preferences > Web > Client-side JavaScript > Syntax Coloring > JavaScript:

1. Brackets: Dracula White
2. Keyword 'return': Dracula Fucsia
3. Keywords excluding 'return': Dracula Dark Blue
4. Operators: Dracula Cyan
5. Others: Dracula White
6. Strings: Dracula Yellow
7. Template literal: Dracula Yellow

2. JSDoc "Syntax Coloring":

Preferences > Web > Client-side JavaScript > Syntax Coloring > JSDoc:

1. HTML markup: Dracula Green
2. Links: Dracula Cyan
3. Others: Dracula Yellow
4. Tags: Dracula Fucsia

3. Comments "Syntax Coloring":

Preferences > Web > Client-side JavaScript > Syntax Coloring > Comments:

1. Multi-line comment: Dracula Comments
2. Single-line comment: Dracula Comments
3. Task Tags: Yellow

JSON

JSON "Syntax Coloring":

Preferences > JSON > JSON Files > Editor > Syntax Coloring:

1. Boolean value: Dracula Fucsia
2. Colon: Dracula White
3. Comma: Dracula White
4. Comment: Dracula Comments
5. Curly: Dracula Purple
6. Normal: Dracula White
7. Null value: Dracula Fucsia
8. Number value: Dracula Purple
9. Object key: Dracula Cyan
10. String value: Dracula Yellow