Change color of vertical "handle-lines"

Hi there,

this is my first post and been happily working and customizing taskpaper, although I can’t code :slight_smile:

But one thing I couldn’t figure out:

How can I customize the colors of vertical lines next to expanded items?
And how can I change it based on depth? (for clarity, see screenshot)

Thanks!!

1 Like

Hi and welcome!

The “guide line color” is a global style right now, so you customize through the editor like this:

editor {
  guide-line-color: green;
  guide-line-width: 2;
}

You can change item styling based on depth using item depth attribute like this:

item[depth=1] {
  handle-color: orange;
}

item[depth=2] {
  handle-color: blue;
}

/*
Will override above depth setting for any leaf (item with no children)
item[leaf] {
  handle-color: green;
}
*/

Also, you might have already found them, but be sure to check out:

https://guide.taskpaper.com/customizing-taskpaper/creating-stylesheets.html

https://guide.taskpaper.com/reference/stylesheets/

And then a key bit in that second link is:

To see TaskPaper’s default stylesheet rules open TaskPaper.app/Content/Resources/base-stylesheet.less. This is also good general stylesheet formatting reference.

Hi Jesse,

is it by now possible to change the guide-line-color based on depth?
the command:
item[depth=1] {
handle-color: orange;
}
only changes the handle color for collapsed items, I’d like to change handle & guide-line color for uncollapsed items.

Thanks!

@jessegrosjean or anyone else an idea?

I made a quick mockup, think it would be quite helpful for long indented lists.

Taskpaper - guide-line colors Taskpaper - guide-line colors

Not possible with the current system. But a better alternative may be to note the difference in depth by changing the guide color or the actual text color.

Hope this was helpful.

Yeah that’s a good idea, thank you! I’ll experiment with this.