[CSS] Coloring the vertical bars to match each heading

❓Help
1

I have assigned different colors to my headings and would like the vertical bars’ colors (that appear between expanded bullet points) to match the headings.

Vertical_Bars

To change the headings’ colors, i use this:

.is-heading1 .Node-renderedContent
{
  color:  red;
}
.is-heading2 .Node-renderedContent
{
  color:  green;
}
.is-heading3 .Node-renderedContent
{
  color:  blue;
}

I found a snippet to color all vertical bars in this theme: Dynalist Simple Colors for default theme | Userstyles.org.

.is-currentRoot .Node .Node-children
{
  border-left: 1px solid purple;
}

But how can I restrict this modification to only affect each specific heading?

1 Like
2

+1 for that :smiley: I am interested as well, would be nice!

3

I dare to bump this once. :duck::dash:

4

It’s impossible to do this with CSS with the current html layout

5

Tanks! At least I have closure now… :wink: