Bluesky Thread Depth Colors

Adds colors to the depth lines on a threaded Bluesky post

当前为 2024-11-20 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Bluesky Thread Depth Colors
  3. // @namespace zetaphor.com
  4. // @description Adds colors to the depth lines on a threaded Bluesky post
  5. // @version 0.1
  6. // @license MIT
  7. // @match https://bsky.app/*
  8. // @grant GM_addStyle
  9. // ==/UserScript==
  10.  
  11. GM_addStyle(`
  12. div > div[style*="border-left-width: 2px"] {
  13. /* Override the inline styles while keeping the structure */
  14. border-left-width: 2px !important;
  15. border-left-style: solid !important;
  16. }
  17.  
  18. /* 1. Royal Blue */
  19. div > div[style*="border-left-width: 2px"]:nth-child(15n + 1) {
  20. border-color: #2962ff !important;
  21. }
  22.  
  23. /* 2. Purple */
  24. div > div[style*="border-left-width: 2px"]:nth-child(15n + 2) {
  25. border-color: #8e24aa !important;
  26. }
  27.  
  28. /* 3. Forest Green */
  29. div > div[style*="border-left-width: 2px"]:nth-child(15n + 3) {
  30. border-color: #2e7d32 !important;
  31. }
  32.  
  33. /* 4. Orange */
  34. div > div[style*="border-left-width: 2px"]:nth-child(15n + 4) {
  35. border-color: #ef6c00 !important;
  36. }
  37.  
  38. /* 5. Crimson */
  39. div > div[style*="border-left-width: 2px"]:nth-child(15n + 5) {
  40. border-color: #c62828 !important;
  41. }
  42.  
  43. /* 6. Teal */
  44. div > div[style*="border-left-width: 2px"]:nth-child(15n + 6) {
  45. border-color: #00796b !important;
  46. }
  47.  
  48. /* 7. Deep Pink */
  49. div > div[style*="border-left-width: 2px"]:nth-child(15n + 7) {
  50. border-color: #c2185b !important;
  51. }
  52.  
  53. /* 8. Golden Yellow */
  54. div > div[style*="border-left-width: 2px"]:nth-child(15n + 8) {
  55. border-color: #ffa000 !important;
  56. }
  57.  
  58. /* 9. Steel Blue */
  59. div > div[style*="border-left-width: 2px"]:nth-child(15n + 9) {
  60. border-color: #1565c0 !important;
  61. }
  62.  
  63. /* 10. Deep Purple */
  64. div > div[style*="border-left-width: 2px"]:nth-child(15n + 10) {
  65. border-color: #6a1b9a !important;
  66. }
  67.  
  68. /* 11. Olive Green */
  69. div > div[style*="border-left-width: 2px"]:nth-child(15n + 11) {
  70. border-color: #558b2f !important;
  71. }
  72.  
  73. /* 12. Rust Orange */
  74. div > div[style*="border-left-width: 2px"]:nth-child(15n + 12) {
  75. border-color: #d84315 !important;
  76. }
  77.  
  78. /* 13. Slate Blue */
  79. div > div[style*="border-left-width: 2px"]:nth-child(15n + 13) {
  80. border-color: #303f9f !important;
  81. }
  82.  
  83. /* 14. Burgundy */
  84. div > div[style*="border-left-width: 2px"]:nth-child(15n + 14) {
  85. border-color: #b71c1c !important;
  86. }
  87.  
  88. /* 15. Dark Cyan */
  89. div > div[style*="border-left-width: 2px"]:nth-child(15n + 15) {
  90. border-color: #006064 !important;
  91. }
  92. `);