ads

Themes and Colours: Brand Your Streaming Platform Once, Apply It Everywhere

Colours, header, footer, cards and player configured in one place, with a live preview of your website.

Create Your Free Account See Our Pricing
Streaming storefront in the Ocean theme on a laptop and phone, beside the Appearance editor's Start with a look presets
Appearance editor Brand color setting with a colour palette and the hex value #06B6D4, where the platform brand colour is defined in one place

One Brand Definition, No Colour Drift

Vodlix themes and colours let you define your brand palette once and apply it across the website, TV apps and mobile apps automatically. Brand drift happens when a colour is set separately in several places and gradually diverges, leaving three slightly different reds across your platform. In Vodlix, colours, header, footer, cards and player styling are configured in a single place, so the apps cannot drift from the website. One definition keeps every surface consistent as the platform evolves.


One definition

Colours set once, applied everywhere.

Live preview

See your website as you edit.

Card shapes

Portrait or landscape per surface.

Portrait and Landscape Card Shapes per Surface

Vodlix lets you set card shapes deliberately, because the shape of a content card affects browsing as much as colour does. Landscape cards suit television, where rows scroll horizontally under a remote; portrait cards suit phones, where a poster reads well in a vertical grid. You can set default card shapes and featured card shapes separately per surface, so each screen shows content in the format that works best for it. Layout choices become brand decisions rather than accidents.


Mobile app Home hero setting with Portrait and Landscape card shapes, and the Rail spacing options Comfortable, Tight and Roomy

Live Preview Before You Save

Vodlix shows a live preview of your real website while you adjust a theme. Colour, header, footer and card changes render in the preview window as you make them, so you see how a change looks to viewers instead of guessing. The mobile app settings carry their own sketch of the phone layout. TV app colours are set in the same editor but have no preview yet, so check a significant change on a test television before it reaches the living room.


Appearance editor live preview window showing the real website with the draft Ocean colours applied before saving

Custom CSS for Advanced Styling

For teams that need more than the standard controls, Vodlix supports custom CSS within the theme settings. Most operators never need to write styling by hand, because colours, layout and cards cover the usual branding requirements. The few who need precise control over typography, spacing or a specific component can add their own CSS without modifying the platform. Custom CSS is there when it is required and out of the way when it is not.


Custom CSS editor for the Default v2 template with a short stylesheet and an Update button

Frequently Asked Questions

Have questions about taking advantage of this limited-time offer? Check out the FAQ for answers.

Where do I set brand colours on Vodlix?
Brand colours are defined once in the Vodlix Themes and Colours settings and applied automatically across your website, mobile apps and TV apps, so every surface uses the same palette.
Can I preview theme changes before saving?
Yes. Vodlix shows a live preview of your website as you adjust colours, headers, footers and cards, and the mobile app settings show a sketch of the phone layout. TV app colours have no preview yet, so check them on a test device.
Can I use different card shapes on different devices?
Yes. Vodlix lets you set portrait or landscape card shapes separately for default and featured content on each surface, so posters suit phones and wide cards suit televisions.
Why does a single brand definition matter?
A single definition removes brand drift. When a colour lives in one place, the apps cannot diverge from the website, so you never end up with three slightly different versions of your brand red.
Can I add custom styling beyond the standard theme controls?
Yes. Vodlix supports custom CSS within the theme settings for teams that need precise control over typography, spacing or specific components, without modifying the platform itself.
What if my brand colour does not work on a dark background?
That is common and worth catching before launch rather than after. The test is not whether it matches your brand guidelines in daylight but whether somebody can read a button on a television at eleven at night.
Can I write my own CSS?
Yes, for the cases the controls do not reach. Most services never need it, and the ones that do usually need it for something specific rather than for wholesale changes, so it exists as a route rather than as the main path.
How is this different from custom templates?
A template is the structure and layout, this is the brand values applied within it. You would change a template rarely and colours whenever your branding moves, which is why they are deliberately separate.