Bluesky Thread Depth Colors

Adds colors to the depth lines on a threaded Bluesky post
As of 2024-11-20. See the latest version.
Ask a question, post a review, or report the script.
Wrap lines
// ==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;
}
`);