Template:Userbox themed — coding help

Enter text here

About

This userbox template works a lot like the regular userbox, but it's easier to specify a premade color scheme. These are based on our wiki colors and will look nice beside other userboxes that use these themes.

Color examples

Default pastel theme

Blue example with link

Green example

Pink example

Purple example

Yellow example

Gray example

Darker left pastel theme

Blue example with link

Green example

Pink example

Purple example

Yellow example

Gray example

Dark theme

Blue example with link

Green example

Pink example

Purple example

Yellow example

Gray example

More info

Userbox where you can pick a color theme

Template parameters[Edit template data]
Parameter		Description	Type	Status
Box color	`color`	Choose from available colors (default: Yellow) Suggested values `Blue` `Gray` `Green` `Pink` `Purple` `Yellow` Example Blue	Unknown	suggested
Color theme	`theme`	Pastel, dark, or darker on the left? (Default: Pastel) Suggested values `Dark` `Darker left pastel` `Pastel` Example Dark	Unknown	suggested
Image on the left (optional)	`image`	If you don't put an image here, you may use text instead.	Unknown	suggested
Image width	`width`	Width of image (default 25px, box size is 45px)	Unknown	suggested
Image link (optional)	`imagelink`	Name of a wiki page to link the image to Example Acessibility	Unknown	suggested
Image alt text	`alt`	Not needed for decorative images (i.e., most userbox images). Add very short, concise text if needed for screen readers Example Heart, Smile	Unknown	optional
Left logo text	`logo`	If you aren't using an image, put an emoji or a few letters.	Unknown	optional
Left font size (if using text)	`logo-size`	Default: 14pt Example 12pt, 16px	Unknown	optional
Left text color (if using text)	`logo-color`	no description Example black, #333	Unknown	optional
Right info text	`info`	The text on the right side Example This user is beautiful	Unknown	suggested
Right info text color	`info-color`	Brown is #943025. (default: black) Suggested values `white` `#943025` Example #943025, #333, black	Unknown	suggested
Right info font size	`info-size`	Tip: up to 11pt for 2 lines of text; try 12pt for one line of text (default: 10pt) Example 9pt, 12pt	Unknown	suggested
Special classes	`class`	Optional special controls like link colors (links are dark by default) Suggested values `dark-links` `light-links` Example light-links	Unknown	optional
Left styles	`logo-styles`	Special CSS styles for the left logo area Example line-height: 20px;	Unknown	optional
Right info styles	`info-styles`	Special CSS styles for the info area	Unknown	optional
CSS filter	`filter`	Special CSS filter for the image Suggested values `brightness(200%)` `brightness(50%)` `hue-rotate(90deg)` `contrast(150%)` Example brightness(200%)	Unknown	optional
For template usage only: Is this a demo?	`demo`	Only relevant for the template namespace. Put "Yes" to override the "List of userbox" category inclusion. Suggested values `Yes` `No` Example Yes	Unknown	optional