Hacker News Comment Indentation Colours

Adds an edge next to comments, in differing colours depending on the comment depth

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

/* ==UserStyle==
@name            Hacker News Comment Indentation Colours
@description     Adds an edge next to comments, in differing colours depending on the comment depth
@license         MIT
@version 0.0.1.20250117154736
@namespace https://greasyfork.org/users/16594
==/UserStyle== */

.ind[indent="0"] {
  border-right: solid 5px #ff6600;
}
.ind[indent="1"] {
  border-right: solid 5px #ffc800;
}
.ind[indent="2"] {
  border-right: solid 5px #a6ff00;
}
.ind[indent="3"] {
  border-right: solid 5px #00ff9d;
}
.ind[indent="4"] {
  border-right: solid 5px #00eaff;
}
.ind[indent="5"] {
  border-right: solid 5px #007bff;
}
.ind[indent="6"] {
  border-right: solid 5px #5100ff;
}
.ind[indent="7"] {
  border-right: solid 5px #bf00ff;
}
.ind[indent="8"] {
  border-right: solid 5px #f09;
}
.ind[indent="9"] {
  border-right: solid 5px #ff0015;
}
.ind {
  border-right: solid 5px #000;
}