Requirements

• This is a feature request and not a bug report. Otherwise, please create a new bug report instead.
• Please check to see if this request (or a similar one) already exists.
• It's a single feature. Please don't request multiple features in one issue.

Describe the feature you'd like

This is a related issue to #2889.

Currently the border-left colour of the comment tree is inserted as inline CSS with Javascript and defined in the following file /lemmy-ui/src/shared/components/comment/comment-node.tsx on line 386 border-left: 2px ${moreRepliesBorderColor} solid !important.

Border colour is defined on line 182-184: const moreRepliesBorderColor = this.props.node.depth ? colorList[this.props.node.depth % colorList.length] : colorList[0]; Colour can be changed by altering colorList values . Color list is defined in this file: /lemmy-ui/src/shared/utils/app/color-list.ts It is selecting around the colour wheel for different hues.

It would be helpful if the border colour attribute could be defined in CSS to allow those developing themes to change the colours, currently as inline CSS it cannot be changed with a CSS theme file.

Image description: Screenshot of a comment tree of dummy posts with levels of nesting where the colours of the left border change from red to purple.