Using the light theme my page looks like this:

But using the dark theme it looks like this:

The fa-film icon next to the "Media" section header has disappeared. This is due to the dark theme which sets --highlight-primary to transparent, which the icon gets its color from. A simple fix would have been to set this to --catppuccin-teal, which is the color it should be. But this also changes the background color of the header:

This is a separate issue from #6, so Im creating a new one.