Use the debug color chart

May 6, 2015 · View on GitHub

In order to know the position of the color of the property, I've set the appropriate color for debugging.
If you find the color of the bug , I want a issue with the screen shot.

Jan 8, 2015
Now huely visual url
http://huely.co/palette/Z2v9h7Mxu4XTfRwcg

Code text : Found the position of the property
Bold text : During testing

Use the debug color chart

Color	Hex
Red	#ff0000
Yellow	#ffff00
Blue	#0000ff
Aqua	#00ffff
Fuchsia	#ff00ff
Lime	#00ff00

darcula.inactiveBackground

darcula.selectionInactiveBackground

darcula

Affect overall.

Properties	Color	Notice
darcula.background	`#0e1112`	background
darcula.textBackground	#00ff00	text background
darcula.foreground	`#d8f6ff`	foreground
darcula.textForeground	`#d8f6ff`	text foreground
darcula.caretForeground	`#d8f6ff`	caret foreground
darcula.inactiveBackground	#3c3f41	in active background
darcula.selectionForeground	#ffffff	selection background
darcula.selectionBackgroundInactive	#1B1C1D	selection background in active
darcula.selectionForegroundInactive	`#d8f6ff`	selection foreground in active
darcula.selectionInactiveBackground	#1B1C1D	selection active background
darcula.selectionInactiveForeground	`#d8f6ff`	selection active foreground

global

Properties	Color	Notice
control	`#151718`
window	`#101112`
text	`#d8f6ff`
textInactiveText	#999999
textText	`#d8f6ff`
infoText	`#d8f6ff`
FormattedTextField.background	#45494A
TextArea.background	#45494A

Link

Properties	Color	Notice
link.foreground	#589df6
Hyperlink.linkColor	#589df6

Pane

Properties	Color	Notice
Panel.background	`#0e1112`

OptionPane

Properties	Color	Notice
OptionPane.messageForeground	`#d8f6ff`

EditorPane

Properties	Color	Notice
EditorPane.inactiveBackground	`#101112`
EditorPane.inactiveForeground	`#d8f6ff`
EditorPaneUI	com.intellij.ide.ui.laf.darcula.ui.DarculaEditorPaneUI
EditorPane.background	#ffffff

Properties	Color	Notice
Menu.border	com.intellij.ide.ui.laf.darcula.ui.DarculaMenuItemBorder
Menu.maxGutterIconWidth	18
MenuItem.maxGutterIconWidth	18
MenuItem.acceleratorDelimiter	-
MenuItem.border	com.intellij.ide.ui.laf.darcula.ui.DarculaMenuItemBorder
MenuItem.acceleratorForeground	#eeeeee
MenuBar.disabledBackground	#3c3f41
MenuBar.shadow	#3c3f41
MenuBar.darcula.borderColor	#bb0000
MenuBar.darcula.borderShadowColor	#282828

ScrollBarUI

Properties	Color	Notice
ScrollBarUI	com.intellij.ide.ui.laf.darcula.ui.DarculaScrollBarUI

Label

Properties	Color	Notice
Label.disabledForeground	#777777

Table

e.g.
Preferences > Appearance & Behavior > Notifications

Properties	Color	Notice
TableHeaderUI	com.intellij.ide.ui.laf.darcula.DarculaTableHeaderUI
Table.gridColor	#2c2c2c
Table.ascendingSortIcon	AllIcons.General.SplitUp
Table.descendingSortIcon	AllIcons.General.SplitDown
Table.background	`#343738`
Table.cellNoFocusBorder	0,4,0,4
Table.focusSelectedCellHighlightBorder	com.intellij.ide.ui.laf.darcula.DarculaTableSelectedCellHighlightBorder
TableHeader.cellBorder	com.intellij.ide.ui.laf.darcula.DarculaTableHeaderBorder

Focus

Properties	Color	Notice
Focus.color	#ff0000

RadioButton

Properties	Color	Notice
RadioButtonMenuItemUI	com.intellij.ide.ui.laf.darcula.ui.DarculaRadioButtonMenuItemUI
RadioButtonMenuItem.borderPainted	false
RadioButtonUI	com.intellij.ide.ui.laf.darcula.ui.DarculaRadioButtonUI
RadioButton.darcula.selectionEnabledColor	#aaaaaa
RadioButton.darcula.selectionDisabledColor	#787878
RadioButton.darcula.selectionEnabledShadowColor	#1e1e1e
RadioButton.darcula.selectionDisabledShadowColor	#3c3c3c

TabbledPane

Properties	Color	Notice
TabbedPaneUI	com.intellij.ide.ui.laf.darcula.ui.DarculaTabbedPaneUI
TabbedPane.tabInsets	0,4,0,4
TabbedPane.highlight	#292b2d
TabbedPane.light	#444444
TabbedPane.selected	#3c4751
TabbedPane.selectHighlight	#3c3f41
TabbedPane.contentBorderInsets	3,1,1,1
TabbedPane.darkShadow	#101112
TabbedPane.shadow	#101112

Separator

Properties	Color	Notice
Separator.foreground	#2d2d2d

TextFiled, TextArea

e.g.

Search Field

Properties	Color	Notice
TextField.background	`#101112`
TextFieldUI	com.intellij.ide.ui.laf.darcula.ui.DarculaTextFieldUI
TextField.border	com.intellij.ide.ui.laf.darcula.ui.DarculaTextBorder
TextField.darcula.search.icon	/com/intellij/ide/ui/laf/darcula/icons/search.png
TextField.darcula.searchWithHistory.icon	/com/intellij/ide/ui/laf/darcula/icons/searchWithHistory.png
TextField.darcula.clear.icon	/com/intellij/ide/ui/laf/darcula/icons/clear.png
TextArea.selectionForeground	#bbbbbb

PasswordField

Properties	Color	Notice
PasswordField.background	#45494A
PasswordFieldUI	com.intellij.ide.ui.laf.darcula.ui.DarculaPasswordFieldUI
PasswordField.border	com.intellij.ide.ui.laf.darcula.ui.DarculaTextBorder

ProgressBar

Properties	Color	Notice
ProgressBarUI	com.intellij.ide.ui.laf.darcula.ui.DarculaProgressBarUI
ProgressBar.border	com.intellij.ide.ui.laf.darcula.ui.DarculaProgressBarBorder
ProgressBar.foreground	#808080

Checkbox

Properties	Color	Notice
CheckBoxMenuItemUI	com.intellij.ide.ui.laf.darcula.ui.DarculaCheckBoxMenuItemUI
CheckBoxMenuItem.borderPainted	false
CheckBoxUI	com.intellij.ide.ui.laf.darcula.ui.DarculaCheckBoxUI
CheckBox.border	com.intellij.ide.ui.laf.darcula.ui.DarculaCheckBoxBorder
CheckBox.darcula.inactiveFillColor	#282828b4
CheckBox.darcula.borderColor1	#7878785a
CheckBox.darcula.borderColor1.selected	#2C90FB
CheckBox.darcula.borderColor2	#78787869
CheckBox.darcula.borderColor2.selected	#2C90FB
CheckBox.darcula.disabledBorderColor1	#7878785a
CheckBox.darcula.disabledBorderColor2	#78787869
CheckBox.darcula.backgroundColor1	#6e6e6e
CheckBox.darcula.backgroundColor1.selected	#3B98FB
CheckBox.darcula.backgroundColor2	#5f5f5f
CheckBox.darcula.backgroundColor2.selected	#3B98FB
CheckBox.darcula.checkSignColor	#aaaaaa
CheckBox.darcula.checkSignColor.selected	#ffffff
CheckBox.darcula.checkSignColorDisabled	#787878
CheckBox.darcula.shadowColor	#1e1e1e
CheckBox.darcula.shadowColor.selected	#1D7BDD
CheckBox.darcula.shadowColorDisabled	#3c3c3c
CheckBox.darcula.focusedArmed.backgroundColor1	#646464
CheckBox.darcula.focusedArmed.backgroundColor1.selected	#3B98FB
CheckBox.darcula.focusedArmed.backgroundColor2	#373737
CheckBox.darcula.focusedArmed.backgroundColor2.selected	#3B98FB
CheckBox.darcula.focused.backgroundColor1	#787878
CheckBox.darcula.focused.backgroundColor1.selected	#3B98FB
CheckBox.darcula.focused.backgroundColor2	#4b4b4b
CheckBox.darcula.focused.backgroundColor2.selected	#3B98FB

ComboBox

In other words, Pulldown box.

Properties	Color	Notice
ComboBoxUI	com.intellij.ide.ui.laf.darcula.ui.DarculaComboBoxUI
ComboBox.disabledBackground	#2a2a2a
ComboBox.disabledForeground	#777777
ComboBox.squareButton	false
ComboBox.darcula.arrowFillColor	#6e9bd5
ComboBox.darcula.arrowFocusedFillColor	#2d82ed
StatusBar.topColor	#bb0000
StatusBar.top2Color	#bb0000
StatusBar.bottomColor	#bb0000

Button

Properties	Color	Notice
Button.border	com.intellij.ide.ui.laf.darcula.ui.DarculaButtonPainter
ButtonUI	com.intellij.ide.ui.laf.darcula.ui.DarculaButtonUI
Button.disabledText	#777777
Button.darcula.color1	#555a5c
Button.darcula.color2	#414648
Button.darcula.selection.color1	#384f6b
Button.darcula.selection.color2	#233143
Button.darcula.selectedButtonForeground	#bbbbbb
Button.darcula.disabledText.shadow	#00000000

ToggleButton

Properties	Color	Notice
ToggleButton.border	com.intellij.ide.ui.laf.darcula.ui.DarculaButtonPainter
ToggleButtonUI	com.intellij.ide.ui.laf.darcula.ui.DarculaButtonUI

TitledBorder

Properties	Color	Notice
TitledBorder.titleColor	#bbbbbb

PopupMenu

Properties	Color	Notice
PopupMenu.translucentBackground	#3c3f41

Properties	Color	Notice
ToolTip.background	#5C5C42

SplitPane

Properties	Color	Notice
SplitPane.highlight	#3c3f41

Spinner

Properties	Color	Notice
SpinnerUI	com.intellij.ide.ui.laf.darcula.ui.DarculaSpinnerUI
Spinner.border	com.intellij.ide.ui.laf.darcula.ui.DarculaSpinnerBorder
Spinner.background	#3c3f41
Spinner.arrowButtonInsets	1,1,1,1
Spinner.editorBorderPainted	false
Spinner.darcula.enabledButtonColor	#6e9bd5
Spinner.darcula.disabledButtonColor	#e8e8e8

Tree

e.g.
Preferences > Appearance & Behavior > Menus and Toolbars

Properties	Color	Notice
TreeUI	com.intellij.ide.ui.laf.darcula.ui.DarculaTreeUI
Tree.background	`#101112`
Tree.paintLines	false
Tree.textBackground	`#151718`
Tree.selectionBorderColor	#2f65ca
Tree.collapsedIcon	AllIcons.Mac.Tree_white_right_arrow
Tree.expandedIcon	AllIcons.Mac.Tree_white_down_arrow

List

Properties	Color	Notice
List.background	`#151718`

FileView

Properties	Color	Notice
FileView.fileIcon	AllIcons.FileTypes.Unknown

InternalFrame

Properties	Color	Notice
InternalFrameUI	com.intellij.ide.ui.laf.darcula.ui.DarculaInternalFrameUI
InternalFrame.border	com.intellij.ide.ui.laf.darcula.ui.DarculaInternalBorder
InternalFrame.darcula.borderColor	#5F5F5F
InternalFrame.darcula.borderInnerColor	#3C3F41
InternalFrameTitlePane.darcula.borderColorTop	#5F5F5F
InternalFrameTitlePane.darcula.borderColorLeft	#27292A
InternalFrameTitlePane.darcula.borderColorBottom	#3C3F41
InternalFrameTitlePane.darcula.selected.borderColorTop	#566172
InternalFrameTitlePane.darcula.selected.borderColorLeft	#27292A
InternalFrameTitlePane.darcula.selected.borderColorBottom	#313C4C
InternalFrameTitlePane.darcula.backgroundColor	#3A3D3F
InternalFrameTitlePane.darcula.selected.backgroundColor	#424D5F
InternalFrameTitlePane.darcula.buttonColor	#8B8B8B
InternalFrameTitlePane.darcula.hovered.buttonColor	#A8A8A8