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, the moonstone colors are recommended to use. webOS TV uses the moonstone dark theme.

Moonstone - Dark Theme

If you are developing an enyo app, the moonstone dark theme is used by default. Or these colors can be used for general web apps as your preference.

Primary

Dark theme uses generally the following three main colors.

color_focus.png

color_gray.png

space_border.png

Focus
#cf0652

 

 

Gray 4
#999999 

header
most content

White
#FFFFFF
content 
(on hover)

Gray

Dark theme uses the four tones of gray color.

color_gray1.png

color_gray2.png

color_gray3.png

color_gray.png

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.

color_green.png

color_red.png

color_turquoise.png

color_blue.png

color_yellow.png

Green
#6FBE44
confirm

Red
#FF4A4A
deny

Turquoise
#2DC4A2

Blue
#69CDFF

Yellow
#FFB80D

 

Navigation