Highlight notebooks based on depth

[CalebJohn]

I added the depth color to theme.js with the anticipation that in the future there will be more (potentially more colorfull) themes.

Example

[laurent22]

Thanks for looking into it! For info the original post is there: https://discourse.joplinapp.org/t/theme-request-subnotebook-shading/1596/4

I think the way you did it is fine but I'd limit to three levels of shading (one colour for the root, then two more for two levels down) as otherwise it might look a bit busy and we'll run out of colours anyway.

On the dark theme, I think we need to make the currently selected notebook a different colour, maybe some blueish colour so that it's still visible among the other grey colours.

[CalebJohn]

I've updated based on your suggestions. Take a look. It's really easy to tweak things further if necessary.

[CalebJohn]

Just a thought, should we make this toggle-able in the settings? There are always a few users that hate visual changes.

[laurent22]

Looks good, thanks @CalebJohn! For now, let's not make it toggle-able and we'll see what feedback we get.

[v-marinkov]

Hi, I just updated to 1.1.4 and noticed the hierarchical highlights are gone. Was this intentional and why? How can I bring them back?

[CalebJohn]

Hi @v-marinkov , The highlights were removed based on community feedback. Fortunately we left the css classes responsible for styling in so you restore the behaviour with a userchrome.css file. You can see my instructions here

[v-marinkov]

Thanks @CalebJohn, it seems like a neat solution.