☰

Greasy Fork is available in English.

Hacker News Colorful Indent

Add minimal design of indent to Hacker News to make it more readable. Fork from https://greatest.deepsurf.us/en/scripts/524059-hacker-news-comment-indentation-colours/code

  1. /* ==UserStyle==
  2. @name            Hacker News Colorful Indent
  3. @namespace       RoCry
  4. @description     Add minimal design of indent to Hacker News to make it more readable. Fork from https://greatest.deepsurf.us/en/scripts/524059-hacker-news-comment-indentation-colours/code
  5. @version         0.0.4
  6. @license         MIT
  7. ==/UserStyle== */
  8.  
  9. @-moz-document domain("ycombinator.com") {
  10.   :root {
  11.     --indent-width: 2px;
  12.     --indent-alpha: 0.4;
  13.   }
  14.  
  15.   .ind {
  16.     border-right: solid var(--indent-width) rgba(149, 165, 166, var(--indent-alpha));
  17.   }
  18.  
  19.   .ind[indent="0"] {
  20.     border-right: solid var(--indent-width) rgba(34, 139, 230, var(--indent-alpha));
  21.   }
  22.  
  23.   .ind[indent="1"] {
  24.     border-right: solid var(--indent-width) rgba(77, 171, 247, var(--indent-alpha));
  25.   }
  26.  
  27.   .ind[indent="2"] {
  28.     border-right: solid var(--indent-width) rgba(21, 170, 191, var(--indent-alpha));
  29.   }
  30.  
  31.   .ind[indent="3"] {
  32.     border-right: solid var(--indent-width) rgba(64, 192, 87, var(--indent-alpha));
  33.   }
  34.  
  35.   .ind[indent="4"] {
  36.     border-right: solid var(--indent-width) rgba(250, 176, 5, var(--indent-alpha));
  37.   }
  38.  
  39.   .ind[indent="5"] {
  40.     border-right: solid var(--indent-width) rgba(253, 126, 20, var(--indent-alpha));
  41.   }
  42.  
  43.   .ind[indent="6"] {
  44.     border-right: solid var(--indent-width) rgba(230, 73, 128, var(--indent-alpha));
  45.   }
  46.  
  47.   .ind[indent="7"] {
  48.     border-right: solid var(--indent-width) rgba(190, 75, 219, var(--indent-alpha));
  49.   }
  50.  
  51.   .ind[indent="8"] {
  52.     border-right: solid var(--indent-width) rgba(121, 80, 242, var(--indent-alpha));
  53.   }
  54.  
  55.   .ind[indent="9"] {
  56.     border-right: solid var(--indent-width) rgba(76, 110, 245, var(--indent-alpha));
  57.   }
  58. }