Change bullet style and color in live preview

[imed]

Does anyone know how to change the style and the color of the bullet points in the new live preview ?

[Thiews]

Yes !! Like that :
.markdown-source-view.is-live-preview .list-bullet {
color: #…;
}

[imed]

Thank you, it works. And what about the shape ?

[Thiews]

This works for me :

.HyperMD-list-line .list-bullet {
display: none !important;
}

.HyperMD-list-line-1:before{
content: “the symbol you want”;
}

.HyperMD-list-line .cm-hmd-list-indent:after {
content: “the symbol you want”;
}

[imed]

Thank you again, @Thiews.

[Thiews]

The first solution has issues with ordered list. This one is better :

.HyperMD-list-line .list-bullet{
font-size: 0px;
}

.HyperMD-list-line .list-bullet:before{
content: “→”;
font-size: 1rem !important;
color: #what you want;
}

I haven’t found a good solution for outline in live preview