Customizable colored comments for Reddit.
Reddit colored comments by vednoc
![Screenshot of Reddit colored comments](https://userstyles.world/preview/4734/0.jpeg)
Details
Authorvednoc
LicenseMIT
Categoryreddit
Created
Updated
Size2.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
As per u/AA-Admiral's request on Stylus' Discord server. As of v1.2.0, there's a support for old.reddit.com, too.
Source code
/* ==UserStyle==
@name Reddit colored comments
@namespace userstyles.world/user/vednoc
@description Customizable colored comments for Reddit.
@author vednoc <vednoc@pm.me> (https://github.com/vednoc)
@version 1.2.0
@license MIT
@preprocessor stylus
@var range lineWidth 'Line width' [2, 1, 8, 1]
@var checkbox lineStyle 'Line color style: full or partial' 0
@var checkbox hideLines 'Hide previous lines' 0
@var range oldLineWidth 'Old design line width' [2, 1, 8, 1]
@var checkbox oldLineStyle 'Old design line border style: solid or dotted' 0
@var color color1 'Level 1 color' #f07178
@var color color2 'Level 2 color' #f78c6c
@var color color3 'Level 3 color' #ffcb6b
@var color color4 'Level 4 color' #f3ff89
@var color color5 'Level 5 color' #c3e88d
@var color color6 'Level 6 color' #8de89e
@var color color7 'Level 7 color' #89ddff
@var color color8 'Level 8 color' #82aaff
@var color color9 'Level 9 color' #c792ea
@var color color10 'Level 10 color' #9a91ea
==/UserStyle== */
@-moz-document domain('reddit.com') {
t = transparent
i = !important
// Set line width.
if lineWidth != 2 {
.threadline {
border-right-width: s('%spx', lineWidth) i
}
}
// Set mode for line style.
$mode = ()
if lineStyle {
$mode = '> div >'
}
for $i in 1..10 {
div[id^='t'] > :first-child,
div[id^='moreComments'] > :first-child,
div[id^='continueThread'] > :first-child {
$nth = s('%s', $i)
// Set line colors.
> :nth-child({ $nth }) { $mode } .threadline {
border-right-color: color + $i i
}
// Set previous lines.
if hideLines {
> :nth-child({ $nth }) > .threadline {
border-right-color: t i
}
}
}
}
// Old design.
.comment .child,
.comment .showreplies {
// Set line width.
if oldLineWidth != 1 {
border-left-width: s('%spx', oldLineWidth) i
}
// Set line style.
if oldLineStyle == 0 {
border-left-style: solid i
}
}
$str = '.sitetable > .comment > .child '
for $i in 1..10 {
{ $str } {
border-left-color: color + $i i
}
$str += '> .sitetable > .comment > .child '
}
}