As of right now, it’s impossible to visually determine the state of a code-only node that doesn’t have a checkbox:
Unchecked -
Checked -
…without clicking on it first:
Not sure if that’s an accidental or deliberate oversight.
Variant of solution I’ll be using for now:
.Node.is-checked .node-inline-code {
text-decoration-line: inherit;
color: inherit;
}
Looks like this:
I think it is distinguishable enough even without color/text decoration preserved, if that was the reasoning behind overriding is-checked
style. Child/comment node example with/without:
As a a side note, I find the chosen shade of red somewhat difficult to read on this background.