[question] how to not apply a background color?

[wsw70]

(I apologize if this is not the correct place to ask questions - I did not see "Discussions" enabled in the repo)

First of all: thank you. This is an excellent date picker, and to all my "it would be good to ..." there was an appropriate setting :)

There is one thing I cannot find, though - a transparent background in inline mode. Today I have a witish background that contrasts with the one in my app.

Is there a way to not apply the background?

I attempted to overwrite the background via

<style scoped>
  .dp__theme_light {
    --dp-background-color: #fefae0;
}
</style>

but i) this did not work (no change in the background) and ii) this requires to manually synchronize the colour with the global vue setting:

@theme {
  --color-background: #fefae0;
  --color-header: #e9edc9;
}

[wsw70]

The best solution I found so far is to use

<style>
.dp__theme_light {
  --dp-background-color: revert;
}
</style>

It cannot be a scoped style.

[karel-de-bruin]

@wsw70 I am also working on solving this. That applies a transparent background to the calendar popover as well, unfortunately. Have you found a way around that?

[wsw70]

@wsw70 I am also working on solving this. That applies a transparent background to the calendar popover as well, unfortunately. Have you found a way around that?

I used the calendar inline so this did not hit me. Maybe there is a property related to the popup? (I would check in Dev Tools when the epopup is there)

[karel-de-bruin]

@wsw70 I am also working on solving this. That applies a transparent background to the calendar popover as well, unfortunately. Have you found a way around that?

I used the calendar inline so this did not hit me. Maybe there is a property related to the popup? (I would check in Dev Tools when the epopup is there)

Thanks for letting me know! It looks like it shares the background-color. In the end I used the Trigger option, so that I could customize the element separately

[Komputerchik]

#1134