Offers Card List 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.

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

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

No data-enable-darkmode → widget always stays in light mode regardless of cookie or OS

data-show-ad-notice="false" → "Anzeige" label is suppressed entirely

Cookie = dark → Example 1 switches to dark mode within ~500 ms.
Cookie = light → Example 1 switches to light mode within ~500 ms.
Cookie removed → Example 1 falls back to OS prefers-color-scheme.
Example 2 always follows OS preference (no cookie key configured).
Example 3 always stays in light mode (dark mode disabled).
Example 4 has no title and no "Anzeige" label (data-show-ad-notice="false").

Attribute	Required	Description
data-offer-type	✓	`vehicle-monthly-offers` \| `vehicle-leasing-offers` \| `vehicle-buy-offers`
data-filter-string	✓	URL-encoded filter params (can be empty for no filter)
data-partner-id	✓	Partner ID
data-offer-count	–	Number of offers to display (default: 5)
data-title	–	Heading displayed above the widget
data-brand-color	–	Accent hex color (without #)
data-enable-darkmode	–	`true` to enable dark mode (OS preference + optional cookie)
data-dark-mode-cookie-key	–	Cookie name to poll for dark/light override (e.g. `userModeTheme`)
data-show-ad-notice	–	Set to `false` to hide the "Anzeige" label (shown by default)
data-search-url	–	Base URL of the search widget instance