Skip to content

Hacker News comment level indicators by burakcan

Screenshot of Hacker News comment level indicators

Details

Authorburakcan

LicenseNo License

Categoryhttps://news.ycombinator.com/

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

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

No reviews yet.