How to make numbered list markers black instead of gray?

Custom CSS & Theme Design
1

What I’m trying to do

Hello. I am a beginner user of Obsidian.

I would like some help with CSS.
For numbered lists, it appears in gray. I am not sure what i have done wrong. But I want it to be back to black.

I don’t have any applied themes, and the plugins are as attached.

I am using the following code. This code changes the bullet point appearance based on depth.
I am wondering if the CSS code I am using might be affecting this, so I have attached it below too.

Thank you in advance!

2024-09-09 201916
2024-09-09 2019161240×573 13.2 KB

obsidian-plugin
obsidian-plugin1174×736 39.4 KB

Things I have tried

  • turn off the theme and plugin
  • turn of the css snippet
  • below is current css snippet applied
    :root {
    /* --bullet-new-color: Orange; */
    –bullet-new-color: rgb(89,89,89);
    }

.markdown-source-view.mod-cm6 .HyperMD-list-line-1 .list-bullet:after {
/* Bullet */
height: 5px;
width: 5px;
border-radius: 50%;
background-color: var(–bullet-new-color);
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-2 .list-bullet:after {
/* Hollow Bullet */
height: 4px;
width: 4px;
background-color: Transparent;
border-color: var(–bullet-new-color);
border-style: solid;
border-radius: 50%;
border-width: 1px;
}

.markdown-source-view.mod-cm6 .HyperMD-list-line-3 .list-bullet:after {
/* Dash */
height: 1px;
width: 7px;
border-radius: 0%;
background-color: var(–bullet-new-color);
}

2

You have done nothing wrong. That is the default way Obsidian shows numbered lists.

I have changed the title of the post (and moved it) to hopefully attract help more quickly. (Title was: “For numbered lists, it appears in gray”.)

1 Like
3

Here’s one way to do it that is working for me in the default theme:

ol > li::marker,
ol > li.is-collapsed::marker,
.cm-s-obsidian :is(.cm-formatting-list-ol, .cm-formatting-list-ol.is-collapsed) {
    color: salmon;
}

Replace salmon with black or another color, hex, rgb, etc.