From ab0805432dab4594ede8fc8579e3750d9b3187a7 Mon Sep 17 00:00:00 2001
From: abias <abias1122@gmail.com>
Date: Wed, 14 Jun 2023 20:52:31 -0400
Subject: [PATCH] Make comment border colors semi-transparent

---
 src/server/index.tsx                           |  2 +-
 src/shared/components/comment/comment-node.tsx | 11 ++++-------
 src/shared/utils.ts                            |  2 +-
 3 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/server/index.tsx b/src/server/index.tsx
index 4302407..06dc33a 100644
--- a/src/server/index.tsx
+++ b/src/server/index.tsx
@@ -156,7 +156,7 @@ server.get("/*", async (req, res) => {
       site = try_site.data;
       initializeSite(site);
 
-      if (path != "/setup" && !site.site_view.local_site.site_setup) {
+      if (path !== "/setup" && !site.site_view.local_site.site_setup) {
         return res.redirect("/setup");
       }
 
diff --git a/src/shared/components/comment/comment-node.tsx b/src/shared/components/comment/comment-node.tsx
index 5182646..0380a72 100644
--- a/src/shared/components/comment/comment-node.tsx
+++ b/src/shared/components/comment/comment-node.tsx
@@ -270,10 +270,6 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
       this.props.moderators
     );
 
-
-    const borderColor = this.props.node.depth
-      ? colorList[(this.props.node.depth - 1) % colorList.length]
-      : colorList[0];
     const moreRepliesBorderColor = this.props.node.depth
       ? colorList[this.props.node.depth % colorList.length]
       : colorList[0];
@@ -951,9 +947,9 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
         </div>
         {showMoreChildren && (
           <div
-            className={`details ml-1 comment-node py-2 ${
-              !this.props.noBorder ? "border-top border-light" : ""
-            }`}
+            className={classNames("details ml-1 comment-node py-2", {
+              "border-top border-light": !this.props.noBorder,
+            })}
             style={`border-left: 2px ${moreRepliesBorderColor} solid !important`}
           >
             <button
@@ -1205,6 +1201,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
 
   linkBtn(small = false) {
     const cv = this.commentView;
+
     const classnames = classNames("btn btn-link btn-animate text-muted", {
       "btn-sm": small,
     });
diff --git a/src/shared/utils.ts b/src/shared/utils.ts
index 46e8601..6b414bd 100644
--- a/src/shared/utils.ts
+++ b/src/shared/utils.ts
@@ -1127,7 +1127,7 @@ export const colorList: string[] = [
 ];
 
 function hsl(num: number) {
-  return `hsla(${num}, 35%, 50%, 1)`;
+  return `hsla(${num}, 35%, 50%, 0.5)`;
 }
 
 export function hostname(url: string): string {
-- 
2.44.1