Controls on audio card are not visible

Bugs
1

Hi.
I’m using Ghost(Pro) and for some reason, and only on desktop browsers, mobiles are ok, controls on the audio card are not visible:

ksnip_20240902-060858
ksnip_20240902-0608581327×575 134 KB

Is there any way that I can fix this myself?

Cheers.

2

They are invisible because you set the CSS variable --light-dark: #fff, making them white, and blending with the white background, so you can’t see them.
Try to put the following code into Code injection > site header:

<style>
[data-theme=dark] {
    --light-dark: #555555 !important;
}
</style>
1 Like
3

Thank you so much Raki for this, you solved my problem :slight_smile:
I didn’t set the CSS variable --light-dark: #fff but I’ve read that Ghost changed the styling of some of the cards recently.

Once again, thank you for your time and effort.