HOME > Community > Projects > ui

NetBeans Expert Color Scheme

Author: Stepan Doubrava

$Revision: 1.8 $
$Date: 2007/09/05 23:56:34 $

Content

Colors Objectives
Common
JAVA
- Comments
- Usage of Bold font
- Strings, Characters, Numbers
- Errors, Warnings, Unused, Deprecated
- Preprocessor commands/blocks
- Others
- Dynamic fields
C/C++
HTML
CSS
JSP
XML
SQL
Java Script
RUBY
Properties

Sample Files

Objectives

We have agreed that expert users might find the default scheme insufficiend regarding editor abilities, therefore we have designed another scheme to be used by expert users.

Common colors

There are some colors common for all the file types:

Category	Color RGB / Font Style
Comment	#969696
Error	_ black_text_red_underline _
Current line	background: #E9EFF8
Selected text	background: #B0C5E3
Matching parentheses	background: #4BFF0F
Non-matching parentheses	background: red

Where "Current line" and "Selected text" colors should work as filter or semi transparent foil, therefore it has slightly different shade in fields like "Embedded content" etc.

Java

Sample JAVA code using proposed colors can be found here.

Comments

Should appear unified, therefore we will distinguish different categories within comments (Javadoc tag etc.) by changing font style, but maintain the same color.

Category	Color RGB / Font Style
Javadoc HTML tag	#969696 / bold italic
Javadoc tag	#969696 / bold

Strings, Characters, Numbers

By default we will use same color for strings and characters and black for numbers. It would be useful to have numbers marked by different color when dealing with complicated expressions, but this is not a case of common user and can always be changed explicitly.

Category	Color RGB / Font Style
String	#B97C00
String escape seq.	#B97C00 / bold
Character	#B97C00
Number	#9933CC

Errors, Warnings, Unused, Deprecated

Category	Color RGB / Font Style
Error	_ black_text_red_underline _
Warning	_ black_text_yellow_underline _
Unused	#999999
Deprecated	_ black_text_brown_underline _

Preprocessor commands/blocks

Category	Color RGB / Font Style
Preprocessor commands	#666666
Inactive Preprocesor Block	background: #DFDFDF
Inactive Preprocesor Blockon on current line	background: #E3E5E9
Inactive Preprocesor Block selected	background: #CCD5E1
Active Preprocesor Block	background: #E0EFDC
Active Preprocesor Block on current line	background: #D7E7D3
Active Preprocesor Block selected	background: #A8CCB1
Guarded block	background: #DFDFDF
Guarded block on on current line	background: #E3E5E9
Guarded block selected	background: #CCD5E1

Others

We will mark usage of the fields so the user is aware of actions changing state of the class. We are using black for declaration of (Static) field because when marked green the upper part, of the file would be too colorful.

Category	Color RGB / Font Style
Keywords	#0B17B9
Parameter	#277DAB
Method Call	#585858/Bold
Fields (using)	#319500
Static Fields (using)	#319500 / Italic
Fields (declaration)	#319500
Static Fields (declaration)	#319500 / Italic

Dynamic fields

Category	Color RGB / Font Style
Dynamic context events	background: #FFB442

C/C++

C/C++ Syntax should be much like a Java except some tokens. Sample C++ code using proposed colors can be found here: source / header.

Category	Color RGB / Font Style
Doxygen HTML tag	#969696 / bold italic
Doxygen tag	#969696 / bold
String	#B97C00
String escape seq.	#B97C00 / bold
Character	#B97C00
Number	#9933CC
Keywords	#0B17B9
Preprocessor commands	#319500
Error	_ black_text_red_underline _
Warning	_ black_text_yellow_underline _
Inactive Preprocesor Block*	background: #DFDFDF
Inactive Preprocesor Blockon on current line*	background: #E3E5E9
Inactive Preprocesor Block selected*	background: #CCD5E1
Active Preprocesor Block	none
Active Preprocesor Block on current line	none
Active Preprocesor Block selected	none

* not final !

HTML

Sample HTML code using proposed colors can be found here.

Category	Color RGB / Font Style
Tag	#0B17B9
Argument	#319500
Value	#B97C00
Character (Reference)	#9933CC
SMGL declaration	#628FB5
CSS	background: #E0EFDC
CSS on current line	background: #D7E7D3
CSS selected	background: #A8CCB1

Additional comments

In this file type we won't mark both matching parantheses, only the other one, because when modifying the opening tag, which can be quite long, it would be marked green.

CSS

Sample CSS code using proposed colors can be found here.

Category	Color RGB / Font Style
Selector	#0B17B9
Argument Value	#B97C00
Argument Name	#319500

Additional comments

This scheme stands for stand alone CSS file. When CSS is included in the HTML it has different background see HTML.

JSP

Sample JSP code using proposed colors can be found here.

Category	Color RGB / Font Style
Tag	#0B17B9
Jsp Tag	#0B17B9/Bold
Jsp Directive	#0B17B9/Bold
Argument value	#B97C00
Argument name	#319500
JSP Comment	#969696
HTML Comment	#969696
Expression language	background: #EBDEC2
Expression language on current line	background: #DADEC7
Expression language selected	background: #C0B99A
JavaScript	background: #DCEAC4
JavaScript on current line	background: #CFDEBC
JavaScript selected	background: #AFCEA6
Java	background: #FDF2C4
Java on current line	background: #F7EFD7
Java selected	background: #DEE0D0
CSS	background: #E0EFDC
CSS on current line	background: #D7E7D3
CSS selected	background: #A8CCB1

Additional comments

In this file type we won't mark both matching parantheses, only the other one, because when modifying the opening tag, which can be quite long, it would be marked green.

XML

Sample SQL code using proposed colors can be found here.

Category	Color RGB / Font Style
Element name	#0B17B9
Attribute name	#319500
Attribute value	#B97C00
CDATA	background: #E0EFDC
CDATA on current line	background: #D7E7D3
CDATA selected	background: #A8CCB1

Additional comments

In this file type we won't mark both matching parantheses, only the other one, because when modifying the opening tag, which can be quite long, it would be marked green.