PipeItToDevNull

.cm-tag-active,
a.tag[href^="#active"] {
    --tag-color: var(--color-orange);
    --tag-border-color: var(--color-orange);
    --tag-border-color-hover: var(--color-orange);
}

.cm-tag-inactive,
a.tag[href^="#inactive"] {
    --tag-color: var(--color-red);

PipeItToDevNull

body {
    /* for some reason, this is needed to avoid 
     * the first checkbox not colouring.... */
}

.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"], 
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"],
ul > li.task-list-item[data-task="x"], 
ul > li.task-list-item[data-task="X"] {
    text-decoration: none;