☰

Hacker News Comment Indentation Colours

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

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 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;
}