Bigfoot and Dark Mode

Hosting on Micro.blog
1

I’m having trouble with dark mode in my custom Marfa theme working with Bigfoot. When the theme is dark, the text seems to switch to the default text color for dark mode, but the background stays the off-white, so you can’t see the text. I’ve gone through the Bigfoot files, but I can’t determine an easy way to change either the text or the background. @jsonbecker do you have any ideas?

2

Here’s the custom CSS i have for my own site to override some of the bigfoot CSS. Maybe this, or a variation with the same selectors will help.


.bigfoot-footnote__content p {
    color: black;
}

button.bigfoot-footnote__button::after {
    color: white;
}
3

That did the trick. Thank you!