I am using a theme a friend sent me with some custom css since it looks quite nice, but I noticed that numbered lists are black, and since it’s a black theme you don’t see the numbers.
I have tried changing the CSS myself by looking for the numbered list in the editor and managed to change the color in the editor. But once I apply those changes to my .css file they don’t work. I am 100% sure that I am editing the correct file, I double checked it.
I guess I am lacking CSS skills…
How I tried changing the color:
I created a numbered list in the markdown, opened editor mode and went through the html/css until I found the correct line(The number is highlighted). Then went through all the css Styles and tried setting the color to white.
So, I’m going to assume this theme isn’t in the Obsidian Community theme gallery? Is there a link to, or can you post it somewhere so we can have a look?
This is completely up to you, but in general it’s better to modify a theme with CSS snippets instead of modifying the theme.css file itself.
The issue looks like it’s here, but it’s hard to know without seeing the full theme.css.
The Theme is indeed in the Theme Gallery, sorry for not mentioning it in the original post!
It’s called “Cyber Glow”, and I am using some snippets, I should have clarified that
I will attach the .css snippets I’m using to the original post.
Just with a quick look, you’ve got the same line at the end of all three snippets and one doubled (targeting editing view) in one?!. The headings.css one is without a ; after white. I’d remove all those lines.
I just used ol>li:not(.task-list-item)::before, from the main theme and it worked for me, but it’s not necessary for editing/source mode (as you probably figured out).