Change color of indented elements source view

[vatalaga]

Hello. I´m trying to change the color of the font of subtasks. I have this code that works for view mode, but it´s not working on editor mode.

.markdown-preview-view ul ul > li.task-list-item {
    color: orange !important; 
}

.markdown-source-view.mod-cm6 .HyperMD-list-line .cm-indent  {
    color: orange !important; 
}

What could be wrong?
Thanks in advance!

[ariehen]

I tried something fancy and smaller, but it broke (i.e. cancelled out the sub-level checked colors) as soon as the level one task was checked. I also ran out of play time.

You could use this for now and add to it if needed:

.markdown-preview-view ul ul > li.task-list-item {
    color: orange; 
}

/* unchecked tasks: level 2~5 color */
.HyperMD-list-line-2.HyperMD-task-line,
.HyperMD-list-line-3.HyperMD-task-line,
.HyperMD-list-line-4.HyperMD-task-line,
.HyperMD-list-line-5.HyperMD-task-line {
    color: orange; 
}

/* checked task: level 2 color */
.markdown-source-view.mod-cm6 .HyperMD-list-line-2[data-task="x"],
.markdown-source-view.mod-cm6 .HyperMD-list-line-2[data-task="X"] {
    color: orange;
}

/* checked tasks: level 3 color */
.markdown-source-view.mod-cm6 .HyperMD-list-line-3[data-task="x"],
.markdown-source-view.mod-cm6 .HyperMD-list-line-3[data-task="X"] {
    color: orange;
}

/* checked tasks: level 4 color */
.markdown-source-view.mod-cm6 .HyperMD-list-line-4[data-task="x"],
.markdown-source-view.mod-cm6 .HyperMD-list-line-4[data-task="X"] {
    color: orange;
}

/* checked tasks: level 5 color */
.markdown-source-view.mod-cm6 .HyperMD-list-line-5[data-task="x"],
.markdown-source-view.mod-cm6 .HyperMD-list-line-5[data-task="X"] {
    color: orange;
}

Live Preview

[vatalaga]

This works perfectly, thank you very much.