☰

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. })();