Override Styles in Subsequent CSS problem with color

I have problem with this task, I think my solution are right but when i press run the task I have a communicate:
Your h1 element should be orange.

What’s wrong?
I have a similar problem in task Inherit Styles from the Body Element and
Override Styles in Subsequent CSS
Your code so far

body {
  background-color: black;
  font-family: monospace;
  color: green;
.pink-text {
  color: pink;
.blue-text {
  color: blue;

#orange-text {
color: orange;
<h1 class="pink-text blue-text" id ="orange-text">Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36.

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:

try without space here - spaces are wrong there

The same : Your h1 element should be orange.:frowning:

do you have a dark mode extension for your browser?
what browser are you using?

if you open the browser and run tests do you see any errors?

Yes i have dark mode extension for my browser, I using chrome (ver 77.0.3865.120 )
If I open browser and go to the task and run the test with my code I have color error.
Thats it.

what happens if you switch off the dark mode extension?

sorry, here I meant browser console

Holy shit:)
I remove extension ( because when I switch off problem still existed. and code worked:)
Thanks but it’is interesting

there should be a dark mode extension that you can switch on in the settings

if there is not it will return soon!