Labels Anki Decks based on hierarchy

Just colors anki subdecks by colors of the rainbow

  1. // ==UserScript==
  2. // @name Labels Anki Decks based on hierarchy
  3. // @namespace http://tampermonkey.net/
  4. // @version 1.1
  5. // @description Just colors anki subdecks by colors of the rainbow
  6. // @author Kerry
  7. // @match https://ankiweb.net/decks
  8. // @match https://ankiuser.net/decks
  9. // @icon https://www.google.com/s2/favicons?sz=64&domain=ankiweb.net
  10. // @grant none
  11. // @license MIT
  12. // ==/UserScript==
  13. (function() {
  14. 'use strict';
  15.  
  16. function applyStylesToElements(elements) {
  17. var colors = ['#FF0000', '#FF7F00', '#FFFF00', '#00FF00', '#0000FF', '#4B0082', '#9400D3'];
  18.  
  19. for (var i = 0; i < elements.length; i++) {
  20. var html = elements[i].innerHTML;
  21. var count = (html.match(/&nbsp;&nbsp;&nbsp;/g) || []).length;
  22.  
  23. for (var j = 0; j < count; j++) {
  24. elements[i].style.color = colors[j % colors.length];
  25. }
  26. }
  27. }
  28.  
  29. function checkElementsAvailability() {
  30. var elements = document.getElementsByClassName('svelte-p9sq8d');
  31. if (elements.length > 0) {
  32. applyStylesToElements(elements);
  33. } else {
  34. setTimeout(checkElementsAvailability, 100);
  35. }
  36. }
  37.  
  38. checkElementsAvailability();
  39. })();