☰

Hacker News Comment Indentation Colours

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

  1. /* ==UserStyle==
  2. @name            Hacker News Comment Indentation Colours
  3. @description     Adds an edge next to comments, in differing colours depending on the comment depth
  4. @license         MIT
  5. @version 0.0.1.20250117154736
  6. @namespace https://greasyfork.org/users/16594
  7. ==/UserStyle== */
  8.  
  9. .ind[indent="0"] {
  10.   border-right: solid 5px #ff6600;
  11. }
  12. .ind[indent="1"] {
  13.   border-right: solid 5px #ffc800;
  14. }
  15. .ind[indent="2"] {
  16.   border-right: solid 5px #a6ff00;
  17. }
  18. .ind[indent="3"] {
  19.   border-right: solid 5px #00ff9d;
  20. }
  21. .ind[indent="4"] {
  22.   border-right: solid 5px #00eaff;
  23. }
  24. .ind[indent="5"] {
  25.   border-right: solid 5px #007bff;
  26. }
  27. .ind[indent="6"] {
  28.   border-right: solid 5px #5100ff;
  29. }
  30. .ind[indent="7"] {
  31.   border-right: solid 5px #bf00ff;
  32. }
  33. .ind[indent="8"] {
  34.   border-right: solid 5px #f09;
  35. }
  36. .ind[indent="9"] {
  37.   border-right: solid 5px #ff0015;
  38. }
  39. .ind {
  40.   border-right: solid 5px #000;
  41. }