Types

Theme Types

Types related to theming including color schemes, font sizes, icon sizes, and animation durations.

colors

PropertyTypeRequiredDescription
textMainstringYesPrimary text color.
textSecondarystringYesSecondary text color.
iconNormalstringYesDefault icon color.
iconActivestringYesActive icon state (e.g., CC turned on).
sliderTrackActivestringYesFilled part of sliders (Progress/Volume).
sliderTrackInactivestringYesUnfilled part of sliders.
sliderTrackCachestringYesBuffered/loaded track color.
sliderThumbstringYesDraggable knob color.
menuBackgroundstringYesMenu sheet background color.
menuBorderstringYesMenu sheet outline color.
menuTextstringYesText color inside the menu.
menuSeparatorstringYesDivider line color in the menu.
buttonPrimaryBackgroundstringNoFill of primary buttons, like UpNext's "Play now". Defaults to the accent blue.
buttonPrimaryTextstringNoLabel color on primary buttons.
buttonSecondaryBorderstringNoOutline of secondary buttons, like UpNext's "Cancel".
buttonSecondaryTextstringNoLabel color on secondary buttons.
badgeBackgroundstringYesBackground for speed/seek badges (e.g., "2x").
scrimstringNoTint over the video while the controls are visible (DefaultLayout's scrim) and for VideoPlayer.Overlay's scrim. Defaults to 40% black.
ripplestringYesRipple effect color for buttons.
spinnerstringYesLoading indicator color.
errorstringYesColor for error states.
successstringYesColor for success states.

iconSizes

PropertyTypeRequiredDefaultDescription
smnumberYes–Small icons.
mdnumberYes–Medium icons.
lgnumberYes–Large icons.

fontSizes

PropertyTypeRequiredDefaultDescription
smnumberYes–Small text size.
mdnumberYes–Medium text size.
lgnumberYes–Large text size.

animations

PropertyTypeRequiredDefaultDescription
fastnumberYes100Fast animation duration (100ms).
normalnumberYes200Normal animation duration (200ms).
slownumberYes300Slow animation duration (300ms).

On this page