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.

Image of focus color

Image of gray 4 color

Image of white color

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.

Image of gray 1 color

Image of gray 2 color

Image of gray 3 color

Image of gray 4 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.

Image of green color

Image of red color

Image of turquoise color

Image of blue color

Image of yellow color

Green
#6FBE44
confirm

Red
#FF4A4A
deny

Turquoise
#2DC4A2
 

Blue
#69CDFF
 

Yellow
#FFB80D
 

 

Navigation