Code highlighting colors were changed. Intentional or not?

Question

Apparently the code highlighting colors were recently changed.

Given that we've had a few coloring bugs recently, I wonder if the change is intentional or not.

If it not intentional, I suggest rolling it back. The old colors look a lot better to me.

---

Compare this (old theme) and this (new theme).

Or, as a screenshot. The top image is the old theme, the bottom one is the new one.

---

UPD: The theme was updated again, this is how it looks now.

Answer 1

Yep, these changes are intentional. We had to move some variables around to clean up our CSS. These were matched with the closest re-usable color values we have in our design system. 👋

Answer 2

I believe the red and orange are too bright. I would propose the following colors to be used.

.prettyprint {
    color: var(--black-800); /* was #393318 */
}
.str, 
.lit, 
.tag {
    color: var(--red-800); /* was --red-600 */
}
.kwd,
.dec {
    color: var(--blue-800);
}
.com {
    color: var(--black-400);
}
.typ {
    color: var(--powder-600); /* was #2B91AF */
}
.pun,
.pln {
    color: var(--black-750);
}
.atn {
    color: var(--orange-600); /* was --orange-500 */
}
.atv {
    color: var(--blue-600);
}