The color of nodes depends on the theme that you are using. To easily change the color of nodes, just add a group under “groups” in the graph view. This was first released in v0.11.0. You can specify a path (e.g. path: "Daily Notes") to only change the color of certain nodes or change the color of all nodes by making the path /. Hope this helps!
There is no “right” way to do CSS since there are many ways to do the same thing, but that looks good to me. When putting code in the forum (or using markdown), you can put it between three back ticks on each side (press the same key as tilde or ~, but don’t press shift), which will format your code better. If you want the color to only work for a light or dark theme, you can put the CSS classes: .theme-dark or .theme-light before one of your other specifiers. For example, if you only wanted to make .graph-view.color-circle show when you have a dark theme, you could do:
Sorry I still don’t quite understand what you’re looking to achieve. Is there a specific way you can describe it, for example you want all text to be red and then graph nodes to be filled with green?
You should not need the !important flag here. Avoid using it unless necessary.
You might be targeting the wrong elements. Silver’s link lists all the available classes for styling the graph. Play with them one at a time until you find the ones you want. (I usually just write something like .graph-view.color-fill {color:red;} so it stands out in a bold color I can see easily. Then once I figure out what each class does, I can change the colors to what I want.)
Please let us know how it goes!
edit - because I did not like my tone when I read later. I certainly did not mean to sound crirical!
@TansyBradshaw if you can describe what you want in-depth, I can probably give you a CSS snippet that will do what you want to achieve. I would need to know if you’re using a theme and if you are, which one.
The deafult colour for the dots and the Words inc under Zettelkasten are the same colour
code line… I want to be able to change the node colour and not have it effect the links at the side. in the file explorer.
Figured out I was using the wrong element… - I specifically want the colour of the node NOT the circle that forms around the node when you hover over it.
Since I went and looked at the class names, I’ll post them here in case anyone else wants to save some clicking - here are all the (posted) class names for graph elements:
The ones that say “theme-dependent” need to have a .theme-dark or .theme-light in front of them, depending on your base choice.
Like so: .theme-light.graph-view.color-fill-tag {color: #FF000;}
@TansyBradshaw - In this case (in my opinion) you should be using a snippet.
When using a community theme (you said you’re using Nord), anytime the author makes a change to the code - any change - the entire theme is updated, and wipes out any changes you’ve made yourself. This is the purpose of snippets - to allow you to make personal theme tweaks without the risk of losing them later.
They’ll also be available to you if you choose to try out other themes later.