Adds colored comment level indicators to Hacker News comments
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
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.