Template:Box-header colour/testcases

Gold

{{Box-header colour|Gold / Lightest|color=Gold |mode=lightest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Gold / Lightest Content	Gold / Lightest Content

{{Box-header colour|Gold / Light|color=Gold |mode=light}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Gold / Light Content	Gold / Light Content

{{Box-header colour|Gold / Normal|color=Gold |mode=normal}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Gold / Normal Content	Gold / Normal Content

{{Box-header colour|Gold / Dark|color=Gold |mode=dark}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Gold / Dark Content	Gold / Dark Content

{{Box-header colour|Gold / Darkest|color=Gold |mode=darkest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Gold / Darkest Content	Gold / Darkest Content

Hue 202

{{Box-header colour|Hue 202° / Lightest|color=202 |mode=lightest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Hue 202° / Lightest Content	Hue 202° / Lightest Content

{{Box-header colour|Hue 202° / Light|color=202 |mode=light}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Hue 202° / Light Content	Hue 202° / Light Content

{{Box-header colour|Hue 202° / Normal|color=202 |mode=normal}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Hue 202° / Normal Content	Hue 202° / Normal Content

{{Box-header colour|Hue 202° / Dark|color=202 |mode=dark}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Hue 202° / Dark Content	Hue 202° / Dark Content

{{Box-header colour|Hue 202° / Darkest|color=202 |mode=darkest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Hue 202° / Darkest Content	Hue 202° / Darkest Content

#92c

{{Box-header colour|#92c / Lightest|color=#92c |mode=lightest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#92c / Lightest Content	#92c / Lightest Content

{{Box-header colour|#92c / Light|color=#92c |mode=light}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#92c / Light Content	#92c / Light Content

{{Box-header colour|#92c / Normal|color=#92c |mode=normal}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#92c / Normal Content	#92c / Normal Content

{{Box-header colour|#92c / Dark|color=#92c |mode=dark}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#92c / Dark Content	#92c / Dark Content

{{Box-header colour|#92c / Darkest|color=#92c |mode=darkest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#92c / Darkest Content	#92c / Darkest Content

Silver

{{Box-header colour|Silver / Lightest|color=Silver |mode=lightest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Silver / Lightest Content	Silver / Lightest Content

{{Box-header colour|Silver / Light|color=Silver |mode=light}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Silver / Light Content	Silver / Light Content

{{Box-header colour|Silver / Normal|color=Silver |mode=normal}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Silver / Normal Content	Silver / Normal Content

{{Box-header colour|Silver / Dark|color=Silver |mode=dark}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Silver / Dark Content	Silver / Dark Content

{{Box-header colour|Silver / Darkest|color=Silver |mode=darkest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Silver / Darkest Content	Silver / Darkest Content

Various

{{Box-header colour|Lightest|colour=0 |mode=lightest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Lightest Content	Lightest Content

{{Box-header colour|Light|colour=72 |mode=light}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Light Content	Light Content

{{Box-header colour|Normal|colour=144 |mode=normal}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Normal Content	Normal Content

{{Box-header colour|Dark|colour=216 |mode=dark}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Dark Content	Dark Content

{{Box-header colour|Darkest|colour=288 |mode=darkest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
Darkest Content	Darkest Content

No params

{{Box-header colour}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
{{{1}}} Content	{{{1}}} Content

#BF0A30

{{Box-header colour|#BF0A30 / Lightest|color=#BF0A30 |mode=lightest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#BF0A30 / Lightest Content	#BF0A30 / Lightest Content

{{Box-header colour|#BF0A30 / Light|color=#BF0A30 |mode=light}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#BF0A30 / Light Content	#BF0A30 / Light Content

{{Box-header colour|#BF0A30 / Normal|color=#BF0A30 |mode=normal}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#BF0A30 / Normal Content	#BF0A30 / Normal Content

{{Box-header colour|#BF0A30 / Dark|color=#BF0A30 |mode=dark}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#BF0A30 / Dark Content	#BF0A30 / Dark Content

{{Box-header colour|#BF0A30 / Darkest|color=#BF0A30 |mode=darkest}}

Side by side comparison

{{Box-header colour}}	{{Box-header colour/sandbox}}
#BF0A30 / Darkest Content	#BF0A30 / Darkest Content