Kbin desktop user script for getting colored comment indents (adopted from @ThatOneKirbyMain2568@kbin.social)

kbincolorful.css

:root {
  --pin-color: #6200ea;
  --magazine-color: #ba68c8;
  --magazine-hover-color: #aa00ff;
  --upvote-color: #4caf50;
  --upvote-hover-color: #2e7d32;
  --downvote-color: #ff5722;
  --downvote-hover-color: #bf360c;
  --boost-color: #ffc107;
  --boost-hover-color: #ff6f00;
  --active-vote-text-color: #fff;
  --indent-border-1: #66bb6a;
  --indent-border-2: #29b6f6;
  --indent-border-3: #9575cd;
  --indent-border-4: #ef5350;
  --indent-border-5: #ffca28;
  --indent-border-6: #9ccc65;
  --indent-border-7: #26c6da;
  --indent-border-8: #5c6bc0;
  --indent-border-9: #ec407a;
  --indent-border-10: #ffa726;
  --indent-border-11: #d4e157;
  --indent-border-12: #4db6ac;
  --indent-border-13: #42a5f5;
  --indent-border-14: #ba68c8;
  --indent-border-15: #ff7043;
  --indent-border-16: #ffee58;
}

@media (prefers-color-scheme: dark) {
  :root {
    --pin-color: #7c4dff;
    --magazine-color: #7b1fa2;
    --magazine-hover-color: #aa00ff;
    --upvote-color: #4caf50;
    --upvote-hover-color: #00c853;
    --downvote-color: #d84315;
    --downvote-hover-color: #ff6e40;
    --boost-color: #ff6f00;
    --boost-hover-color: #ffc107;
    --active-vote-text-color: #000;
    --indent-border-1: #388e3c;
    --indent-border-2: #0288d1;
    --indent-border-3: #512da8;
    --indent-border-4: #c62828;
    --indent-border-5: #ff8f00;
    --indent-border-6: #558b2f;
    --indent-border-7: #00838f;
    --indent-border-8: #303f9f;
    --indent-border-9: #ad1457;
    --indent-border-10: #ef6c00;
    --indent-border-11: #9e9d24;
    --indent-border-12: #00796b;
    --indent-border-13: #1976d2;
    --indent-border-14: #7b1fa2;
    --indent-border-15: #e64a19;
    --indent-border-16: #f9a825;
  }
}

/* compacting magazine sidebar */
#sidebar section.magazine.section div.row figure img {
  width: 150px;
  height: 150px;
  object-fit: fill;
}

.magazine__subscribe {
  margin-bottom: 1rem;
}

/* magazine name recolor */
.head-title span,
.head-title a {
  color: var(--magazine-color) !important;
  font-weight: bold;
}

.head-title:hover span,
.head-title:hover a {
  color: var(--magazine-hover-color) !important;
}

a.magazine-inline {
  font-weight: bold;
}

/* hover fade */
button,
a,
span {
  transition-duration: 0.3s;
}

/* boost recolor */
footer menu > li form button.stretched-link.active {
  color: var(--boost-color);
  text-decoration: none;
}

footer menu > li form button.stretched-link.active:hover {
  color: var(--boost-hover-color);
}

/* vote recolors */
.vote .active.vote__up button {
  background-color: var(--upvote-color);
  color: var(--active-vote-text-color);
}

.vote .active.vote__up button:hover {
  background-color: var(--upvote-hover-color);
}

.vote .active.vote__down button {
  background-color: var(--downvote-color);
  color: var(--active-vote-text-color);
}

.vote .active.vote__down button:hover {
  background-color: var(--downvote-hover-color);
}

/* moving thumbnail to left */
.view-compact .entry:not(.no-image) {
  display: grid;
  grid-template-areas: "vote image title" "vote image shortDesc" "vote image meta" "vote image footer" "body body body" !important;
  grid-template-columns: min-content min-content auto;
}

.entry:not(.no-image) {
  display: grid;
  grid-template-areas: "vote image title" "vote image shortDesc" "vote image meta" "vote image footer" "body body body";
  grid-template-columns: min-content min-content auto;
}

.entry figure {
  margin: 0 1rem 0 0rem;
}

/* pin thumbtack color */
i.fa-thumbtack {
  color: var(--pin-color);
}

/* pin border */
.entry:has(i.fa-thumbtack) {
  border: solid var(--pin-color) !important;
  border-width: 0.5rem 0.1rem 0.1rem 0.1rem !important;
}

.entry:has(i.fa-thumbtack) + div.js-container > div.preview {
  border: .1rem solid var(--pin-color);
  border-top: none;
}

/* image stuff */
.entry:has(+ div.js-container) {
  border-bottom: none !important;
}

.rounded-edges .entry:has(+ div.js-container) {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

div.preview img,
div.preview iframe {
  display: block;
  max-height: 400px;
  min-width: 250px;
  object-fit: cover;
  margin: auto auto 1rem auto !important;
}

.entry + div.js-container > div.preview {
  background-color: var(--kbin-section-bg);
  border: var(--kbin-section-border);
  border-top: none;
  margin-top: -0.5rem;
}

.rounded-edges .entry + div.js-container > div.preview {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

/* Comments */
.comments-tree .comment-level--2 {
  border-left: 2px solid var(--indent-border-1) !important;
}
.comments-tree .comment-line--2 {
  border-left: 2px dashed var(--indent-border-1) !important;
}
.comments-tree .comment-level--3 {
  border-left: 2px solid var(--indent-border-2) !important;
}
.comments-tree .comment-line--3 {
  border-left: 2px dashed var(--indent-border-2) !important;
}
.comments-tree .comment-level--4 {
  border-left: 2px solid var(--indent-border-3) !important;
}
.comments-tree .comment-line--4 {
  border-left: 2px dashed var(--indent-border-3) !important;
}
.comments-tree .comment-level--5 {
  border-left: 2px solid var(--indent-border-4) !important;
}
.comments-tree .comment-line--5 {
  border-left: 2px dashed var(--indent-border-4) !important;
}
.comments-tree .comment-level--6 {
  border-left: 2px solid var(--indent-border-5) !important;
}
.comments-tree .comment-line--6 {
  border-left: 2px dashed var(--indent-border-5) !important;
}
.comments-tree .comment-level--7 {
  border-left: 2px solid var(--indent-border-6) !important;
}
.comments-tree .comment-line--7 {
  border-left: 2px dashed var(--indent-border-6) !important;
}
.comments-tree .comment-level--8 {
  border-left: 2px solid var(--indent-border-7) !important;
}
.comments-tree .comment-line--8 {
  border-left: 2px dashed var(--indent-border-7) !important;
}
.comments-tree .comment-level--9 {
  border-left: 2px solid var(--indent-border-8) !important;
}
.comments-tree .comment-line--9 {
  border-left: 2px dashed var(--indent-border-8) !important;
}
.comments-tree .comment-level--10 {
  border-left: 2px solid var(--indent-border-9) !important;
}
.comments-tree .comment-line--10 {
  border-left: 2px dashed var(--indent-border-9) !important;
}
.comments-tree .comment-level--11 {
  border-left: 2px solid var(--indent-border-10) !important;
}
.comments-tree .comment-line--11 {
  border-left: 2px dashed var(--indent-border-10) !important;
}
.comments-tree .comment-level--12 {
  border-left: 2px solid var(--indent-border-11) !important;
}
.comments-tree .comment-line--12 {
  border-left: 2px dashed var(--indent-border-11) !important;
}
.comments-tree .comment-level--13 {
  border-left: 2px solid var(--indent-border-12) !important;
}
.comments-tree .comment-line--13 {
  border-left: 2px dashed var(--indent-border-12) !important;
}
.comments-tree .comment-level--14 {
  border-left: 2px solid var(--indent-border-13) !important;
}
.comments-tree .comment-line--14 {
  border-left: 2px dashed var(--indent-border-13) !important;
}
.comments-tree .comment-level--15 {
  border-left: 2px solid var(--indent-border-14) !important;
}
.comments-tree .comment-line--15 {
  border-left: 2px dashed var(--indent-border-14) !important;
}
.comments-tree .comment-level--16 {
  border-left: 2px solid var(--indent-border-15) !important;
}
.comments-tree .comment-line--16 {
  border-left: 2px dashed var(--indent-border-15) !important;
}
.comments-tree .comment-level--17 {
  border-left: 2px solid var(--indent-border-16) !important;
}
.comments-tree .comment-line--17 {
  border-left: 2px dashed var(--indent-border-16) !important;
}

/* Highlight author comment */
/* Highlight author comment */
.subject.author {
  border-left: none;
  border-right: 4px solid var(--kbin-alert-info-text-color);
}
.subject.own {
  border-left: none;
  border-right: 4px solid var(--kbin-link-color);
}