← All widgets

Carousel Widget – Dark Mode Cookie Test

Cookie Controls

Cookie key: userModeTheme

Current cookie value:

The widget polls the userModeTheme cookie every 500 ms and updates dark mode. Removing the cookie falls back to prefers-color-scheme.

Example 1 – Monthly offers: Audi & Mercedes Diesel data-enable-darkmode + cookie key

data-offer-type="vehicle-monthly-offers" · data-enable-darkmode="true" · data-dark-mode-cookie-key="userModeTheme"

Example 2 – Buy offers: Electric vehicles OS preference only, no cookie

data-offer-type="vehicle-buy-offers" · data-enable-darkmode="true" · no data-dark-mode-cookie-key → follows OS preference only

Example 3 – Leasing: no filter dark mode disabled

No data-enable-darkmode → widget always stays in light mode

Test scenarios

Data attributes

AttributeRequiredDescription
data-offer-typevehicle-monthly-offers | vehicle-leasing-offers | vehicle-buy-offers
data-partner-idPartner ID
data-search-param-stringURL-encoded filter params (can be empty string for all offers)
data-titleHeading displayed above the carousel
data-brand-colorAccent hex color (without #)
data-enable-darkmodetrue to enable dark mode (OS preference + optional cookie)
data-dark-mode-cookie-keyCookie name to poll for dark/light override (e.g. userModeTheme)
data-search-urlBase URL of the search widget instance