【已解决】如何用 CSS 实现多彩有序列表

我明白你的意思了,试一下这段代码吧,在默认主题下圆点会变色

不同主题会设置不同的无序列表形状,所以需要改变颜色属性不同

    /* 彩色无序列表符号 */

    /* UNORDERED LISTs (dash,circle, square...) */
    /* first line targets reading view, second targets editing view */
    /* LEVEL 1 */
    .markdown-reading-view ul > li > .list-bullet:after,
    .markdown-source-view.mod-cm6 .HyperMD-list-line-1 .list-bullet:after {
        background-color: var(--rainbow-1);
    } 
    /* LEVEL 2 */
    .markdown-reading-view ul > li > ul > li > .list-bullet:after,
    .markdown-source-view.mod-cm6 .HyperMD-list-line-2 .list-bullet:after {
        background-color: var(--rainbow-2);
    }
    /* LEVEL 3 */
    .markdown-reading-view ul > li > ul > li > ul > li > .list-bullet:after,
    .markdown-source-view.mod-cm6 .HyperMD-list-line-3 .list-bullet:after {
        background-color: var(--rainbow-3);
    } 
    /* LEVEL 4 */
    .markdown-reading-view ul > li > ul > li > ul > li > ul > li > .list-bullet:after,
    .markdown-source-view.mod-cm6 .HyperMD-list-line-4 .list-bullet:after {
        background-color: var(--rainbow-4);
    } 
    /* LEVEL 5 */
    .markdown-reading-view ul > li > ul > li > ul > li > ul > li > ul > li > .list-bullet:after,
    .markdown-source-view.mod-cm6 .HyperMD-list-line-5 .list-bullet:after {
        background-color: var(--rainbow-5);
    } 
    /* LEVEL 6 */
    .markdown-reading-view ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > .list-bullet:after,
    .markdown-source-view.mod-cm6 .HyperMD-list-line-6 .list-bullet:after {
        background-color: var(--rainbow-6);
    } 

draks兄,还是你高!非常牛,确实实现了!
感谢啦!