☰

Hacker News Colorful Indent

Add minimal design of indent to Hacker News to make it more readable. Fork from https://greasyfork.org/en/scripts/524059-hacker-news-comment-indentation-colours/code

As of 06.02.2025. See ბოლო ვერსია.

/* ==UserStyle==
@name            Hacker News Colorful Indent
@description     Add minimal design of indent to Hacker News to make it more readable. Fork from https://greasyfork.org/en/scripts/524059-hacker-news-comment-indentation-colours/code
@match           https://news.ycombinator.com/item?id=*
@license         MIT
@version 0.0.1
@namespace https://greasyfork.org/users/1412785
==/UserStyle== */

:root {
  --indent-width: 2px;
  --indent-alpha: 0.4;
}

.ind {
  border-right: solid var(--indent-width) rgba(149, 165, 166, var(--indent-alpha));
}

.ind[indent="0"] {
  border-right: solid var(--indent-width) rgba(34, 139, 230, var(--indent-alpha));
}

.ind[indent="1"] {
  border-right: solid var(--indent-width) rgba(77, 171, 247, var(--indent-alpha));
}

.ind[indent="2"] {
  border-right: solid var(--indent-width) rgba(21, 170, 191, var(--indent-alpha));
}

.ind[indent="3"] {
  border-right: solid var(--indent-width) rgba(64, 192, 87, var(--indent-alpha));
}

.ind[indent="4"] {
  border-right: solid var(--indent-width) rgba(250, 176, 5, var(--indent-alpha));
}

.ind[indent="5"] {
  border-right: solid var(--indent-width) rgba(253, 126, 20, var(--indent-alpha));
}

.ind[indent="6"] {
  border-right: solid var(--indent-width) rgba(230, 73, 128, var(--indent-alpha));
}

.ind[indent="7"] {
  border-right: solid var(--indent-width) rgba(190, 75, 219, var(--indent-alpha));
}

.ind[indent="8"] {
  border-right: solid var(--indent-width) rgba(121, 80, 242, var(--indent-alpha));
}

.ind[indent="9"] {
  border-right: solid var(--indent-width) rgba(76, 110, 245, var(--indent-alpha));
}