Bluesky Colored Replies by pabli

/* ==UserStyle==
@name         Bluesky Colored Replies
@description  Customizable Colorful Comment Indents for bsky.app
@version      1.0.0
@author       Pabli (https://github.com/pabli24)
@namespace    https://github.com/pabli24
@homepageURL  https://userstyles.world/style/19956/bluesky-colored-replies
@supportURL   https://userstyles.world/style/19956/bluesky-colored-replies
@license      MIT
@preprocessor stylus

@var number   _p0      "⚠ Make sure to enable 'Show replies as threaded' in bsky.app/settings/threads (Settings ➤ Content & Media ➤ Thread Preferences ➤ Show replies as threaded)" [0,0,0,1]

@var color    _color1  "Color 1"  #66C5CC
@var color    _color2  "Color 2"  #F6CF71
@var color    _color3  "Color 3"  #F89C74
@var color    _color4  "Color 4"  #DCB0F2
@var color    _color5  "Color 5"  #87C55F
@var color    _color6  "Color 6"  #9EB9F3
@var color    _color7  "Color 7"  #FE88B1
@var color    _color8  "Color 8"  #C9DB74
@var color    _color9  "Color 9"  #8BE0A4
@var color    _color10 "Color 10" #B497E7

@var number   _width   "Line width (0-10px)" [-1, -1, 10, 1, "px"]
@var number   _padding "Padding (0-10px)"    [-1, -1, 10, 1, "px"]

==/UserStyle== */

@-moz-document domain("bsky.app") {
	
	#root main div[style*="padding-left:"] > div[style*="border-color:"][style*="border-left-width:"][style*="padding-left:"] {
		for n in 1..10 {
			&:nth-child({n}) {
				border-color: _color + n !important
			}
		}
		if _width != -1 {
			border-left-width: _width !important
		}
		if _padding != -1 {
			padding-left: _padding !important
		}
	}
	
}