Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Colors in the developer web console

  • 1 reply
  • 1 has this problem
  • 3 views
  • Last reply by cor-el

jamesberes90
jamesberes90
more options

I noticed that when html is on the page and displayed, the html is blue. When the html is rendered but not on the page, it is gray. This is really cool and I want to know more about it but cant find any documentation,

Can you tell me what this setting is called, or how it works?

In the attached image, the ItemView-sideColumn isn't shown for mobile (My viewer is small enough to trigger mobile display), and it automatically changes to gray when it does this.

I noticed that when html is on the page and displayed, the html is blue. When the html is rendered but not on the page, it is gray. This is really cool and I want to know more about it but cant find any documentation, Can you tell me what this setting is called, or how it works? In the attached image, the ItemView-sideColumn isn't shown for mobile (My viewer is small enough to trigger mobile display), and it automatically changes to gray when it does this.
Attached screenshots

All Replies (1)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

That is about --markup-hidden colors for instance use for class .not-displayed : 

.not-displayed {
	color: var(--markup-hidden-punctuation-color);
}