// ==UserScript==
// @name         Learn Plover - Steno text font switch
// @namespace    http://tampermonkey.net/
// @version      2024-01-10
// @description  Replace raw steno keys with a steno font drawing at Learn Plover! website
// @author       felipesabino@
// @match        https://www.openstenoproject.org/learn-plover/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=openstenoproject.org
// @grant        GM_addStyle
// ==/UserScript==

// Download and install Stenodisplay fonts at https://github.com/Kaoffie/steno_font

(function() {
    'use strict';

    function classToggle(e) {
        this.classList.toggle('steno-keyboard');
    }
    document.querySelectorAll('font[color="#eeeeee"]').forEach(e => e.onclick = classToggle);

    const st = GM_addStyle('.steno-keyboard, .steno-keyboard b { font-family: "Stenodisplay Square Large"; font-size: 70px; color: black; font-weight: normal; background: none !important }');
    console.log(st);
})();