Branding & theming

Light or dark theme for the PDF viewer.

pdf

Preview

Props & interactive options

Prop	Type	Default	Description	Try it
theme	url param	light	Player theme: light or dark.

Documentation

Match the PDF viewer to the look of your site. Two built-in themes are available: Light (default) keeps the page background white for maximum legibility, and Dark swaps the chrome (toolbar, sidebar, background) to a dark surface — handy when the embed sits inside a dark page. Try the toggle above to preview each combination.

Code

<iframe
  src="https://app.videas.com/embed/019dcfc0-7e04-75be-b0de-50ec4eb80f62/?theme=light"
  width="100%" height="100%"
  frameborder="0" allowfullscreen
></iframe>

Frequently asked questions

Does the PDF rendering itself change with the theme?

No — the document pages are always rendered with their original colours so the content stays faithful to the source. Only the viewer chrome (toolbar, sidebar, page background) follows the theme.

Can I match the viewer to my brand colours?

The two built-in themes cover most light/dark needs. For a fully branded experience you can set a custom <code>primary_color</code> in the embed URL or define a workspace-level theme in the Videas dashboard, which the viewer inherits.

Is the dark theme accessible for low-vision viewers?

Yes. Both themes follow WCAG AA contrast ratios on the chrome elements (toolbar text, controls). The page content keeps its original contrast so a viewer with specific accessibility needs should rely on browser-level inversion or the Windows / macOS system dark mode rather than the viewer theme.