Galaxy CSS

Aplica un fondo de video al elemento splash-ui en suroi.io y cambia el color de varios elementos a tonos de azul
当前为 2024-04-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         Galaxy CSS
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Aplica un fondo de video al elemento splash-ui en suroi.io y cambia el color de varios elementos a tonos de azul
// @author       You
// @match        https://suroi.io/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Remover la imagen de fondo actual si la hay
    document.getElementById('splash-ui').style.backgroundImage = 'none';

    // Crea un elemento video y configura sus atributos
    var video = document.createElement('video');
    video.src = 'https://cdn.discordapp.com/attachments/1129277020661100605/1228264588596744263/vecteezy_small-particles-and-stars-moving-on-galaxy_2017224.mp4?ex=662b6989&is=6618f489&hm=81319591c10452d2c6f274c13a0db2fc1c4e8535e3cdd0e8493bd8b5b592b29e';
    video.loop = true;
    video.muted = true;
    video.autoplay = true;
    video.style.position = 'fixed';
    video.style.top = '0';
    video.style.left = '0';
    video.style.width = '100%';
    video.style.height = '100%';
    video.style.objectFit = 'cover';
    video.style.zIndex = '-1';
    video.style.pointerEvents = 'none';

    // Agrega el video al contenedor splash-ui
    document.getElementById('splash-ui').appendChild(video);

    // Establecer el tono de azul común para los elementos
    var normalColor = '#0077cc'; // Tono de azul común
    var settingsColor = '#006699'; // Tono de azul para el encabezado de Settings
    var healthBarColor = '#004466'; // Tono de azul oscuro para la barra de salud

    // Función para aplicar estilos a los botones
    function applyButtonStyles(btn) {
        btn.style.backgroundColor = normalColor;
        btn.style.color = '#ffffff'; // Color del texto
        btn.style.borderColor = normalColor; // Color del borde

        // Estilo para el botón cuando está activo o se le hace clic
        btn.addEventListener('mousedown', function() {
            btn.style.backgroundColor = normalColor; // Mismo tono de azul cuando está activo/clic
        });

        btn.addEventListener('mouseup', function() {
            btn.style.backgroundColor = normalColor; // Volver al tono de azul original después del clic
        });
    }

    // Seleccionar los botones a los que aplicar el nuevo estilo
    var btnPlaySolo = document.getElementById('btn-play-solo');
    var btnPlayDuo = document.getElementById('btn-play-duo');
    var btnSettings = document.getElementById('btn-settings');
    var btnCustomize = document.getElementById('btn-customize');

    // Aplicar estilos a los botones
    applyButtonStyles(btnPlaySolo);
    applyButtonStyles(btnPlayDuo);
    applyButtonStyles(btnSettings);
    applyButtonStyles(btnCustomize);

    // Aplicar el mismo estilo al botón "Settings"
    applyButtonStyles(btnSettings);

    // Cambiar el color de fondo del encabezado de Settings
    var dialogHeader = document.querySelector('.dialog-header');
    dialogHeader.style.backgroundColor = settingsColor;

    // Cambiar el color de la barra de salud
    var healthBar = document.getElementById('health-bar');
    healthBar.style.setProperty('background-color', healthBarColor, 'important');
})();
欢迎访问Greasy Fork镜像
