NTComps Klavia Monkey Theme

Klavia Monkey Theme for https://www.ntcomps.com
目前為 2025-04-14 提交的版本，檢視最新版本。
安裝腳本 ?
換行
// ==UserScript==
// @name         NTComps Klavia Monkey Theme
// @version      2024-03-27.4
// @namespace    https://greasyfork.org/users/1331131-tensorflow-dvorak
// @description  Klavia Monkey Theme for https://www.ntcomps.com
// @author       TensorFlow - Dvorak
// @match        *://*.ntcomps.com/*
// @match        *://*.klavia.io/*
// @match        *://*.playklavia.com/*
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    function applyCustomStyles() {
        let style = document.getElementById('custom-typing-styles');
        if (!style) {
            style = document.createElement('style');
            style.id = 'custom-typing-styles';
            document.head.appendChild(style);
        }
        style.innerHTML = `
            body {
              background-color: #000000 !important;
            }
            #typing-text-container {
                font-size: 90px !important;
                height: fit-content !important;
                background-color: #060516 !important;
                width: 100% !important;
                max-width: 100% !important;
                font-family: monospace;
            }
            #typing-text {
                font-size: 90px !important;
                width: 93% !important;
                max-width: 100% !important;
            }
            #dashboard {
                height: 20rem !important;
                max-height: 1000px !important;
                background-color: #060516 !important;
                width: 100% !important;
                max-width: 100% !important;
            }
            #game-container {
                height: fit-content !important;
                width: 80% !important;
                max-width: 80% !important;
            }
            #dashboard[data-bs-theme=dark] #typing-text {
                color: #acaaff !important;
            }
            #canvas-container, #track {
                width: 100% !important;
                max-width: 100% !important;
            }
            #content {
                width: 100% !important;
                max-width: 100% !important;
            }
        `;
    }

    const observer = new MutationObserver(() => {
        if (document.getElementById('typing-text-container')) {
            applyCustomStyles();
        }
        const canvasContainer = document.getElementById('canvas-container');
        const track = document.getElementById('track');
        if (canvasContainer && track) {
            canvasContainer.style.width = '100%';
            track.style.width = '100%';
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
    applyCustomStyles();
})();