← All widgets

Aggregate Offers 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 – Leasing: Audi & Mercedes Diesel data-enable-darkmode="true"

data-filter-string="makes_models=mercedes-benz,audi&fuel=diesel" · data-enable-darkmode="true" · data-dark-mode-cookie-key="userModeTheme"

Example 2 – Buy: Electric vehicles data-enable-darkmode="true", no cookie key

data-filter-string="fuel=electric" · data-enable-darkmode="true" · no data-dark-mode-cookie-key → follows OS preference only

Test scenarios

Data attributes

AttributeRequiredDescription
data-filter-stringURL-encoded filter params, e.g. makes_models=audi&fuel=diesel
data-partner-idPartner ID
data-titleHeading displayed above the widget
data-brand-colorAccent hex color (without #)
data-enable-darkmodetrue to enable dark mode support (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