Color

Web apps can use any color of text, header, button, etc. However, if you want to make your app look and feel like webOS TV using system colors, we recommend the moonstone colors to use. webOS TV uses the moonstone dark theme.

Moonstone - dark theme

If you are developing an app using the Moonstone library, the moonstone dark theme is used by default. You can use these colors for other web apps as your preference.

Primary

The dark theme generally uses the following three main colors.

Focus
#cf0652

Gray 4
#999999
Header
Most content

White
#FFFFFF
Content
(on hover)

Gray

The dark theme uses the four tones of a gray color.

Gray 1
#262626
Button big

Gray 2
#404040
Disabled text

Gray 3
#686868
Contextual
Popup big

Gray 4
#999999
Header
Most content

Accent

The following five colors are used for accent.

Green
#6FBE44
Confirm

Red
#FF4A4A
Deny

Turquoise
#2DC4A2

Blue
#69CDFF

Yellow
#FFB80D