Paddle checkout overaly theme

Design help Custom code
1

Hi, I connected a Paddle checkout overlay with custom code on the webpage body.
There is a button that when it’s clicked, the Paddle default overlay opens. I followed this guide

image
image1182×389 30.5 KB

In their documentation, Paddle mentions there is a JS parameter that changes the overlay from light-themed UI to dark-themed UI (displayModeTheme; in here- Checkout Parameters - Paddle Developer).

it should be like this in the custom code as far as I understand:

Paddle.Checkout.open({
      product: 12345,
      displayModeTheme: "dark"
});

My problem occurs because I can’t connect a custom code for the click event on the page’s custom code, only on the button element as a property, but there is no “theme” parameter in the HTML version they offer.
Has anyone figured this out?

Thanks!

I also followed this topicwithout success