Hacker News comment level indicators by burakcan

2 min read Original article ↗
Screenshot of Hacker News comment level indicators

Details

Authorburakcan

LicenseNo License

Categoryhttps://news.ycombinator.com/

Created

Updated

Code size1.4 kB

Code checksum450489e8

Statistics

Learn how we calculate statistics in the FAQ.

Total views357

Total installs592

Weekly installs6

Weekly updates10

Description

Adds colored comment level indicators to Hacker News comments

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Hacker News comment level indicators
@version      20240206.07.47
@namespace    https://userstyles.world/user/Burak Can
@description  Adds colored comment level indicators to hacker news comments
@author       Burak Can
==/UserStyle== */

@-moz-document url-prefix("https://news.ycombinator.com/item") {
td.ind {
  border-right: 2px solid;
}

td[indent="0"] {
  border-right: 0;
}

td.ind[indent="1"] {
  border-color: #ff5733;
  /* Orange */
}

td.ind[indent="2"] {
  border-color: #ffbd69;
  /* Light Orange */
}

td.ind[indent="3"] {
  border-color: #33ccff;
  /* Light Blue */
}

td.ind[indent="4"] {
  border-color: #8338ec;
  /* Purple */
}

td.ind[indent="5"] {
  border-color: #ff3333;
  /* Red */
}

td.ind[indent="6"] {
  border-color: #52a3cc;
  /* Dark Blue */
}

td.ind[indent="7"] {
  border-color: #7cb518;
  /* Green */
}

td.ind[indent="8"] {
  border-color: #ff00ff;
  /* Magenta */
}

td.ind[indent="9"] {
  border-color: #008080;
  /* Teal */
}

td.ind[indent="10"] {
  border-color: #660066;
  /* Dark Purple */
}

td.ind[indent="11"] {
  border-color: #ffd700;
  /* Gold */
}

td.ind[indent="12"] {
  border-color: #006400;
  /* Dark Green */
}

td.ind[indent="13"] {
  border-color: #bada55;
  /* Lime */
}

td.ind[indent="14"] {
  border-color: #ff6f61;
  /* Coral */
}

td.ind[indent="15"] {
  border-color: #654321;
  /* Brown */
}
}

Reviews

Works great. Makes comments easier to follow with the very neutral color scheme of HN.