Web-bugs: microsoftnews.msn.com - see bug description

[webcompat-bot]

URL: https://microsoftnews.msn.com/?ocid=msedgdhp&locale=pt-br

Browser / Version: Firefox 68.0
Operating System: Windows 10
Tested Another Browser: Yes Edge

Problem type: Something else
Description: White Theme on Firefox but Dark in Microsoft Edge
Steps to Reproduce:
The site is black in Microsoft Edge and is better black.
But in Firefox the site is White. Too white.

I have the scenario if necessary.

Thanks!

View the screenshot

View the screenshot

Browser Configuration

• None

Submitted in the name of @wellington1993

_From webcompat.com with ❤️_

[miketaylr]

Firefox left, Edge right:

[miketaylr]

Possibly some hard-coded UA sniffing. This is an inline style for some random header element:

.backgroundImage-DS-EntryPoint1-1 {
  background: #FFFFFF; //light
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
}

In edge:

.backgroundImage-DS-EntryPoint1-1 {
    background: #242424; //dark
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 500;
}

[miketaylr]

<script type="text/javascript" nonce="">
  if(matchMedia("(prefers-color-scheme:dark)").matches){const s=document.createElement("style");document.head.appendChild(s);s.type="text/css";s.appendChild(document.createTextNode("body{background:#242424}"));}
</script>

[miketaylr]

So why is that failing?

[miketaylr]

What's odd is this works as expected in Release, and Nightly, but is failing for me in DevEdition. Possibly a profile issue?

[miketaylr]

So yeah, this was my own issue: ui.systemUsesDarkTheme was set (because I happen to hate dark themes.

@wellington1993, this should be working as long as you have your OS set to dark mode. If it doesn't work, check in a new profile, and if it's still busted after that -- a bugzilla bug would be good.

[lock[bot]]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.