Css snippet to change the color of numbered lists

[cagyakwah]

im trying to change the color of numbered lists collapsed and expanded. i dont want it to affect the bullet points just the number and the period that follows

this is what i have currently and i used this snippet:
body.theme-dark {
–list-marker-color: #68FF92;
–list-marker-color-collapsed: #68FF92;
}

here the bullet points are also green but i want then to be the default grey

[ariehen]

As you can tell, the --list-marker-color variables are too broad here.

You could try this as it’s more specific. The first two lines are for Reading view, the second two lines are for the editor.

ol > li::marker,
ol > li.is-collapsed::marker,
.cm-s-obsidian .cm-formatting-list,
.cm-s-obsidian .is-collapsed ~ .cm-formatting-list {
    color: #68FF92;
}

[cagyakwah]

thanks this worked perfectly. also if its not a bother is there any way to change the color of text in a circle bracket? eg:
(cars)
i want both the cars and the brackets to be a different color. thanks again

[ariehen]

Great!

For the future, if you have an unrelated request, it’s best to open a new topic.

@cagyakwah

is there any way to change the color of text in a circle bracket? eg:
(cars). i want both the cars and the brackets to be a different color.

CSS can’t select random text to style. You’ll need a community plugin for that. You could try Dynamic Highlights or Keyword Highlighter.

[cagyakwah]

okay thankyou

[ariehen]

Not individual words, but another member used Dynamic Highlights to target text in double parentheses:

Style or hide text inside ((double parentheses)) or custom wrapper

Actually got this working with the Dynamic Highlights plugin using this regex selector: \(\(.*?\)\) [image] Works in live preview. Case closed.

Could be a starting point for what you are looking to do.