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

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

In Preview the theme still shows up as Light…?

Thanks a bunch for any tips and ideas!