[Help Appreciated] Part of our Dark Theme (emojis and Footer) displaying as light theme

Product Support

AI-generated summary

sunjam is seeking help to resolve an issue with their Dark theme, where the footer and emojis are displaying as light theme. Despite attempting to edit the CSS, the footer still appears with a white background and black text instead of black background with white text. Additionally, emoji reactions display with a white background. sunjam has shared screenshots and a link to their forum, and has tried following instructions from other Discourse threads. The issue persists even in Preview mode.

1

Screenshot_20200531_104615
Screenshot_20200531_1046151020×307 12.8 KB

Continuing the discussion from Easy responsive footer:

Attempted to follow these forum instructions for editing CSS to match our Dark theme, but the footer still shows as white background/black text instead of black background with white text. Here is a link to our forum.

Theme colors

Screenshot_20200531_103425

Code fix attempted via CSS (I did not create this theme)

@import "common/foundation/variables";

.custom-footer {
  display: flex;
  flex-wrap: wrap;
  background: black;
  .flexbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    color: white;
    padding: 2em 0 1em 0;
  }

Also, I’ve noticed that Emoji reactions will show up with a garish white background as well, rather than black or dark grey. Unsure of how to fix this.
Screenshot_20200530_105715

Screenshot_20200530_105940
Screenshot_20200530_105940533×571 44 KB

In Preview the theme still shows up as Light..?

Screenshot_20200531_114556
Screenshot_20200531_114556631×659 111 KB

Thanks a bunch for any tips and ideas!