How to change the font color of the side bar tree

[Nino-Bock]

I want to make some sort of dark theme and as such I want to change the color of the fonts from dark to light.

Changing the body font color is easy, as I can do it via
$body-bg: #333; $body-color: #fff;
in assets/scss/_variables_project.scss.

Now how can I change the color of the sidebar tree fonts.
I can see variables defined for the background, not for the font color.

The inspector tells me that I the font color is defined in _sidebar-tree.scss as:
`.td-sidebar-nav__section-title a {
color: #495057;
}

.td-sidebar-nav .td-sidebar-link__page {
color: #495057;
font-weight: 300;
}`

If I put that into my _variables_project.scss and use custom values, those values will be overwritten by _sidebar-tree.scss.

So what is the proper way to overwrite themes and colors I which I can not find any definitions in the _project_variables.scss file for?

One workaround would be to overwrite $gray-700, as that seems to be the variable used to define the color of the side bar fonts. That however does not look like it is the proper way to do it to me. I did not find any issue on GitHub which explains to me what to do.

Thanks for helping. I only had web development once at University, so please be generous if the solution is trivial and I don't see it.

[Nino-Bock]

Okay, like things usually go, 10 minutes after opening a topic I do a tiny bit of research and stumble upon the solution.
The style definition needs to go into assets/scss/_styles_project.scss instead of assets/scss/_variables_project.scss.
If that's the correct answer to my problem, feel free to close this topic. Sorry for the inconvenience and have a nice day everyone.