Theme Types

This document outlines the types related to player theming.

Theme

The Theme interface defines the styling tokens for the video player, allowing for consistent and customizable designs.

colors

Property	Type	Required	Default	Description
primary	string	Yes	–	Main action color.
secondary	string	Yes	–	Secondary UI color.
accent	string	Yes	–	Highlight or progress color.
background	string	Yes	–	Main background color.
overlay	string	Yes	–	Semi-transparent overlay color.
text	string	Yes	–	Primary text color.
error	string	Yes	–	Color for error states.
success	string	Yes	–	Color for success states.
border	string	Yes	–	Border or outline color.

sizing

Property	Type	Required	Default	Description
xs	number	Yes	4	Extra small spacing (4px).
sm	number	Yes	8	Small spacing (8px).
md	number	Yes	16	Medium spacing (16px).
lg	number	Yes	24	Large spacing (24px).
xl	number	Yes	32	Extra large spacing (32px).

iconSizes

Property	Type	Required	Default	Description
sm	number	Yes	–	Small icons.
md	number	Yes	–	Medium icons.
lg	number	Yes	–	Large icons.

borderRadius

Property	Type	Required	Default	Description
borderRadius	number	Yes	8	Global border radius (8px).

fonts

Property	Type	Required	Default	Description
regular	string	Yes	–	Regular font family.
medium	string	Yes	–	Medium weight font family.
bold	string	Yes	–	Bold font family.

fontSizes

Property	Type	Required	Default	Description
sm	number	Yes	–	Small text size.
md	number	Yes	–	Medium text size.
lg	number	Yes	–	Large text size.

animations

Property	Type	Required	Default	Description
fast	number	Yes	100	Fast animation duration (100ms).
normal	number	Yes	200	Normal animation duration (200ms).
slow	number	Yes	300	Slow animation duration (300ms).