# Here is a compiled List of all LookAndFeel Colour ID’s for ALL JUCE Widgets

**URL:** <https://forum.juce.com/t/here-is-a-compiled-list-of-all-lookandfeel-colour-id-s-for-all-juce-widgets/14747>\
**Category:** Useful Tools and Components\
**Created:** [May 8, 2015, 6:01pm UTC](https://forum.juce.com/t/here-is-a-compiled-list-of-all-lookandfeel-colour-id-s-for-all-juce-widgets/14747 "2015-05-08T18:01:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![nonchai](https://sea2.discourse-cdn.com/flex026/user_avatar/forum.juce.com/nonchai/32/1507_2.png) [@nonchai](https://forum.juce.com/u/nonchai)\
**Post date:** [May 8, 2015, 6:01pm UTC](https://forum.juce.com/t/here-is-a-compiled-list-of-all-lookandfeel-colour-id-s-for-all-juce-widgets/14747/1 "2015-05-08T18:01:06Z")

</div>

/\*

&nbsp; ==============================================================================

&nbsp; &nbsp; LooKAndFeelColourConstants FOR XOJO

&nbsp; ==============================================================================

\*/

&nbsp;

//--- WindowBase

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000000

&nbsp;

//--- TextButton

buttonColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000100

buttonOnColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000101

textColourOffId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000102

textColourOnId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000103

&nbsp;

//--- TextEditor

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000200

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000201

highlightColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000202

highlightedTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000203

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000205

focusedOutlineColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000206

shadowColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000207

&nbsp;

//--- Scrollbar

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000300

thumbColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000400

trackColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000401

&nbsp;

//--- LassoComponent

lassoFillColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000440

lassoOutlineColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000441

&nbsp;

//--- Treeview

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000500

linesColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000501

dragAndDropIndicatorColourId&nbsp; &nbsp; &nbsp; &nbsp; = 0x1000502

selectedItemBackgroundColourId&nbsp; &nbsp; &nbsp; = 0x1000503

&nbsp;

//--- DirectoryContentsDisplay

highlightColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000540

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000541

&nbsp;

//--- PopupMenu

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000600

headerTextColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000601

&nbsp;

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000700

highlightedTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000800

highlightedBackgroundColourId &nbsp; &nbsp; &nbsp; = 0x1000900

&nbsp;

//--- FileChooserDialogBox

titleTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000850

&nbsp;

//--- Label

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000280

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000281

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000282

&nbsp;

//--- EditableTextListBoxComponent

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000280

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000281

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000282

&nbsp;

//--- BubbleComponent

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000af0

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000af1

&nbsp;

//--- CaretComponent

caretColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000204

&nbsp;

//--- Combobox

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000b00

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000a00

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000c00

buttonColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000d00

arrowColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1000e00

&nbsp;

//--- Slider

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001200

thumbColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001300

trackColourid &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001310

&nbsp;

// RotarySlider

rotarySliderFillColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001311

rotarySliderOutlineColourId &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001312

&nbsp;

&nbsp;

//--- Resizablewindow

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005700

&nbsp;

textBoxTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001400

textBoxBackgroundColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001500

textBoxHighlightColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001600

textBoxOutlineColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001700

&nbsp;

//--- Alertwindow

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001800

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001810

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001820

&nbsp;

//--- ProgressBar

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001900

foregroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001a00

&nbsp;

//--- Tooltipwindow

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001b00

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001c00

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001c10

&nbsp;

//--- HyperlinkButton

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1001f00

&nbsp;

//--- listboxDS

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1002800

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1002810

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1002820

&nbsp;

//--- ListBox

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1002800

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1002810

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1002820

&nbsp;

//--- Toolbar

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1003200

separatorColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1003210

buttonMouseOverBackgroundColourId &nbsp; = 0x1003220

buttonMouseDownBackgroundColourId &nbsp; = 0x1003230

labelTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1003240

editingModeOutlineColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1003250

&nbsp;

//--- DrawableButton

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004010

textColourOnId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004013

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004011

backgroundOnColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004012

&nbsp;

//--- FileSearchPath

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004100

&nbsp;

//--- CodeEditorComponent

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004500

highlightColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004502

defaultTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004503

lineNumberBackgroundId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004504

lineNumberTextId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1004505

&nbsp;

//--- GroupComponent

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005400

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005410

&nbsp;

//--- DocumentWindow

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005701

&nbsp;

//--- TabbedComponent

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005800

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005801

&nbsp;

//--- TabbedButtonBar

tabOutlineColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005812

tabTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005813

frontOutlineColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005814

frontTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1005815

&nbsp;

//--- ToggleButton

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1006501

&nbsp;

//--- ColourSelector

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1007000

labelTextColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x1007001

&nbsp;

//--- KeyMappingEditorComponent

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x100ad00

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x100ad01

&nbsp;

&nbsp;

//--- TextPropertyComponent

backgroundColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x100e401

textColourId&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x100e402

outlineColourId &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; = 0x100e403

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![acabreira](https://avatars.discourse-cdn.com/v4/letter/a/e47c2d/32.png) [@acabreira](https://forum.juce.com/u/acabreira)\
**Post date:** [May 8, 2015, 6:50pm UTC](https://forum.juce.com/t/here-is-a-compiled-list-of-all-lookandfeel-colour-id-s-for-all-juce-widgets/14747/2 "2015-05-08T18:50:10Z")

</div>

![yes](http://www.juce.com/sites/all/libraries/ckeditor/plugins/smiley/images/thumbs_up.gif "yes")

More lists like these wold help getting up and running with JUCE.

Thanks

&nbsp;