Adds colors to the depth lines on a threaded Bluesky post
Від
// ==UserScript==
// @name Bluesky Thread Depth Colors
// @namespace zetaphor.com
// @description Adds colors to the depth lines on a threaded Bluesky post
// @version 0.1
// @license MIT
// @match https://bsky.app/*
// @grant GM_addStyle
// ==/UserScript==
GM_addStyle(`
div > div[style*="border-left-width: 2px"] {
/* Override the inline styles while keeping the structure */
border-left-width: 2px !important;
border-left-style: solid !important;
}
/* 1. Royal Blue */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 1) {
border-color: #2962ff !important;
}
/* 2. Purple */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 2) {
border-color: #8e24aa !important;
}
/* 3. Forest Green */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 3) {
border-color: #2e7d32 !important;
}
/* 4. Orange */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 4) {
border-color: #ef6c00 !important;
}
/* 5. Crimson */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 5) {
border-color: #c62828 !important;
}
/* 6. Teal */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 6) {
border-color: #00796b !important;
}
/* 7. Deep Pink */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 7) {
border-color: #c2185b !important;
}
/* 8. Golden Yellow */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 8) {
border-color: #ffa000 !important;
}
/* 9. Steel Blue */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 9) {
border-color: #1565c0 !important;
}
/* 10. Deep Purple */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 10) {
border-color: #6a1b9a !important;
}
/* 11. Olive Green */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 11) {
border-color: #558b2f !important;
}
/* 12. Rust Orange */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 12) {
border-color: #d84315 !important;
}
/* 13. Slate Blue */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 13) {
border-color: #303f9f !important;
}
/* 14. Burgundy */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 14) {
border-color: #b71c1c !important;
}
/* 15. Dark Cyan */
div > div[style*="border-left-width: 2px"]:nth-child(15n + 15) {
border-color: #006064 !important;
}
`);