Function injectFloatingPanelStyles

linuxdo-helper.user.js:466–531

* 注入悬浮面板样式，支持亮色/暗色主题

()

     * 注入悬浮面板样式，支持亮色/暗色主题
     */
    function injectFloatingPanelStyles() {
        if (document.getElementById('linuxdo-helper-panel-style')) {
            return;
        }

        const style = document.createElement('style');
        style.id = 'linuxdo-helper-panel-style';
        style.textContent = `
            #linuxdo-speed-slider {
                --linuxdo-helper-bg: var(--secondary, #ffffff);
                --linuxdo-helper-text: var(--primary, #333333);
                --linuxdo-helper-muted: var(--primary-medium, #666666);
                --linuxdo-helper-border: var(--primary-low, rgba(0, 0, 0, 0.12));
                --linuxdo-helper-slider-bg: var(--primary-low, #dddddd);

                background: var(--linuxdo-helper-bg);
                color: var(--linuxdo-helper-text);
                border: 1px solid var(--linuxdo-helper-border);
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
                color-scheme: light dark;
            }

            #linuxdo-speed-slider .linuxdo-helper-label,
            #linuxdo-speed-slider .linuxdo-helper-mode-toggle {
                color: var(--linuxdo-helper-text);
            }

            #linuxdo-speed-slider .linuxdo-helper-value {
                color: var(--linuxdo-helper-muted);
            }

            #linuxdo-speed-slider input[type="range"] {
                background: var(--linuxdo-helper-slider-bg);
            }

            #linuxdo-speed-slider .linuxdo-helper-speed-button {
                width: 28px;
                height: 28px;
                border: 1px solid var(--linuxdo-helper-border);
                border-radius: 6px;
                background: transparent;
                color: var(--linuxdo-helper-text);
                font-size: 18px;
                line-height: 1;
                cursor: pointer;
            }

            #linuxdo-speed-slider .linuxdo-helper-speed-button:active {
                transform: translateY(1px);
            }

            @media (prefers-color-scheme: dark) {
                #linuxdo-speed-slider {
                    --linuxdo-helper-bg: var(--secondary, #1f2328);
                    --linuxdo-helper-text: var(--primary, #f0f0f0);
                    --linuxdo-helper-muted: var(--primary-medium, #b8b8b8);
                    --linuxdo-helper-border: var(--primary-low, rgba(255, 255, 255, 0.14));
                    --linuxdo-helper-slider-bg: var(--primary-low, #3a3f45);