FV client add-on

FV-client add - on

2022-08-24 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         FV client add-on
// @version      1.0
// @description  FV-client add - on
// @author       M4tr1x#5555
// @match        https://starblast.io/
// @grant        none
// @license      MIT
// @namespace https://pixelmelt.dev/
// ==/UserScript==

(function () {
    'use strict';
    if (localStorage.clientcolor == undefined) {
        localStorage.clientcolor = `#eb1313`
    }
    if (localStorage.clientcoloralt == undefined) {
        localStorage.clientcoloralt = `#000`
    }
    if (window.location.pathname == "/") {

        if (window.location.pathname == "/") {
            document.getElementsByClassName(`textcentered community changelog-new`)[0].innerHTML = `\n              <a href="https://open.spotify.com/user/gilpom/playlist/47N9rRbMXezlPXvhqVM3lJ?si=6bHzE9A9S-2TGh7C4OndkA" target="_blank" style="color: rgb(255, 255, 255);"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.56-8-8-8zm3.68 11.56c-.16.24-.44.32-.68.16-1.88-1.16-4.24-1.4-7.04-.76-.28.08-.52-.12-.6-.36-.08-.28.12-.52.36-.6 3.04-.68 5.68-.4 7.76.88.28.12.32.44.2.68zm.96-2.2c-.2.28-.56.4-.84.2-2.16-1.32-5.44-1.72-7.96-.92-.32.08-.68-.08-.76-.4-.08-.32.08-.68.4-.76 2.92-.88 6.52-.44 9 1.08.24.12.36.52.16.8zm.08-2.24C10.16 5.6 5.88 5.44 3.44 6.2c-.4.12-.8-.12-.92-.48-.12-.4.12-.8.48-.92 2.84-.84 7.52-.68 10.48 1.08.36.2.48.68.28 1.04-.2.28-.68.4-1.04.2z" fill-rule="nonzero"></path></svg><br>Spotify</a>\n              <a href="https://www.deezer.com/playlist/5343057502" target="_blank" style="color: rgb(255, 255, 255);"><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M9.812 12.464h2.917v-.884H9.81v.884zm-6.54 0h2.916v-.884H3.27v.884zm-3.272 0h2.917v-.884H0v.884zm6.54 0h2.92v-.884H6.54v.884zm6.543 0H16v-.884h-2.917v.884zm0-1.15H16v-.883h-2.917v.89zm-6.542 0h2.92v-.883H6.54v.89zm-6.54 0h2.92v-.883H0v.89zm3.27 0h2.92v-.883H3.27v.89zm6.55 0h2.92v-.883H9.81v.89zm0-1.148h2.92v-.884H9.81v.884zm-6.54 0h2.91v-.884H3.27v.884zm-3.27 0h2.91v-.884H0v.884zm6.54 0h2.92v-.884H6.54v.884zm6.55 0H16v-.884h-2.917v.884zm0-1.15H16v-.883h-2.917v.884zm-6.54 0h2.91v-.883H6.54v.884zm-6.54 0h2.91v-.883H0v.884zm9.82 0h2.92v-.883H9.81v.884zm0-1.15h2.92v-.882H9.81v.883zm-9.82 0h2.91v-.88H0v.882zm6.54 0h2.92v-.88H6.54v.882zm6.54 0H16v-.882h-2.917v.884zM6.54 6.72h2.92v-.885H6.54v.884zm6.543-.002H16v-.883h-2.917v.883zM6.54 5.57h2.92v-.885H6.54v.885zm6.543 0H16v-.885h-2.917v.884zm0-1.15H16v-.884h-2.917v.884z"></path></svg><br>Deezer</a>\n           <a href="https://starblast.dankdmitron.dev/" target="_blank" style="color: rgb(255, 255, 255);"><i class='sbg sbg-fly-full'></i><br>SL+</a>\n            <a href="https://starblast-shipyard.github.io/" target="_blank" style="color: rgb(255, 255, 255);"><i class='sbg sbg-fly-full'></i><br>Shipyard</a>\n            <a href="https://starblast.io/modding.html" target="_blank" style="color: rgb(255, 255, 255);"><i class='sbg sbg-modding'></i><br>Modding Space</a>\n            <a href="https://starblast.io/shipeditor/" target="_blank" style="color: rgb(255, 255, 255);"><i class='sbg sbg-fly'></i><br>Ship Editor</a>\n             <a href="https://discord.com/invite/fvsb" target="_blank" style="color: rgb(255, 255, 255);"><i class="sbg sbg-discord"></i><br>FV Discord</a>\n     `
        }
        class FVClient {
            help() {

            }
            color(colornum, colorhex) {
                if (colornum == undefined) {
                    console.log(`%c 1) Color 1 \n 2) Color 2 `, `background: #000; color: #eb1313`);
                    return
                }
                if (colorhex == undefined) {
                    console.log(`%c [!] You must specify a color hex [!] `, `background: #000; color: #eb1313`);
                    return
                }
                if (colornum == 1) {
                    console.log(`%c [!] Color 1 set to ${colorhex} [!] `, `background: #000; color: #eb1313`);
                    localStorage.clientcolor = colorhex
                } else {
                    console.log(`%c [!] Color 2 set to ${colorhex} [!] `, `background: #000; color: #eb1313`);
                    localStorage.clientcoloralt = colorhex
                }
            }
        }
        var ac = new FVClient()
        window.ac = new FVClient()
        ac.help()

        function themeclient() {
            if (document.getElementsByClassName(`top-right`)[0]) {
                //AOW
                document.getElementsByClassName(`alphacentauri`)[1].style.boxShadow = `0px 0px 6px #eb1313`
                document.getElementsByClassName(`alphacentauri`)[1].children[0].style.boxShadow = `0px 0px 6px #eb1313`
                document.getElementsByClassName(`alphacentauri`)[1].children[1].style.color = `#fff`
                document.getElementsByClassName(`alphacentauri`)[1].children[3].style.color = `#fff`
                document.getElementsByClassName(`top-right`)[0].children[2].style.borderBottom = `3px solid #eb1313`
                document.getElementsByClassName(`top-right`)[0].children[2].children[0].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName(`top-right`)[0].children[2].children[0].style.boxShadow = `0 0 6px #eb1313`
                document.getElementsByClassName(`top-right`)[0].children[2].children[0].style.textShadow = `0 0 7px #eb1313`
            }

            if (document.getElementById("play").style.color != `#fff`) {
                //play button
                document.getElementById("play").style.color = `#fff`
                document.getElementById("play").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("play").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("play").style.textShadow = `0 0 7px #eb1313`
                //arrows
                document.getElementById(`nextMode`).style.color = '#eb1313'
                document.getElementById(`nextMode`).style.textShadow = `0 0 7px #eb1313`
                document.getElementById(`prevMode`).style.color = '#eb1313'
                document.getElementById(`prevMode`).style.textShadow = `0 0 7px #eb1313`
                //name box
                document.getElementsByClassName("inputwrapper")[0].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("inputwrapper")[0].style.background = `linear-gradient(to top,#eb1313 0,${localStorage.clientcoloralt} 20%,${localStorage.clientcoloralt} 60%,#eb1313 100%)`
                //modding space
                document.getElementById("moddingspace").style.color = `#fff`
                document.getElementById("moddingspace").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("moddingspace").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("moddingspace").style.textShadow = `0 0 7px #eb1313`
                //ecp
                document.getElementById("donate").style.color = `#fff`
                document.getElementById("donate").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("donate").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("donate").style.textShadow = `0 0 7px #eb1313`
                //leaderboard
                document.getElementById("rankings").style.color = `#fff`
                document.getElementById("rankings").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("rankings").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("rankings").style.textShadow = `0 0 7px #eb1313`
                //training
                document.getElementById("training").style.color = `#fff`
                document.getElementById("training").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("training").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("training").style.textShadow = `0 0 7px #eb1313`
                //twitter button
                document.getElementsByClassName("sbg-twitter")[1].style.color = `#fff`
                document.getElementsByClassName("sbg-twitter")[1].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("sbg-twitter")[1].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("sbg-twitter")[1].style.textShadow = `0 0 7px #eb1313`
                //FB button
                document.getElementsByClassName("sbg-facebook")[1].style.color = `#fff`
                document.getElementsByClassName("sbg-facebook")[1].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("sbg-facebook")[1].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("sbg-facebook")[1].style.textShadow = `0 0 7px #eb1313`
                //settings button
                document.getElementsByClassName("sbg-gears")[1].style.color = `#fff`
                document.getElementsByClassName("sbg-gears")[1].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("sbg-gears")[1].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("sbg-gears")[1].style.textShadow = `0 0 7px #eb1313`
                //info button
                document.getElementsByClassName("sbg-info")[1].style.color = `#fff`
                document.getElementsByClassName("sbg-info")[1].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("sbg-info")[1].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("sbg-info")[1].style.textShadow = `0 0 7px #eb1313`
                //changelog
                document.getElementsByClassName(`changelog-new`)[0].children[0].children[0].children[0].style.color = `#fff`
                document.getElementsByClassName(`changelog-new`)[0].children[1].style.color = `#fff`
                document.getElementsByClassName("changelog-new")[0].style.color = `#fff`
                document.getElementsByClassName("changelog-new")[0].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("changelog-new")[0].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("changelog-new")[0].style.textShadow = `0 0 7px #eb1313`
                //music
                document.getElementsByClassName("changelog-new")[2].style.color = `#fff`
                document.getElementsByClassName("changelog-new")[2].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("changelog-new")[2].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("changelog-new")[2].style.textShadow = `0 0 7px #eb1313`
                document.getElementsByClassName(`community`)[0].children[0].style.color = `#fff`
                document.getElementsByClassName(`community`)[0].children[1].style.color = `#fff`
                //socials
                document.getElementsByClassName(`community`)[2].children[0].style.color = `#fff`
                document.getElementsByClassName(`community`)[2].children[1].style.color = `#fff`
                document.getElementsByClassName(`community`)[2].children[2].style.color = `#fff`
                document.getElementsByClassName(`community`)[2].children[3].style.color = `#fff`
                document.getElementsByClassName("changelog-new")[4].style.color = `#fff`
                document.getElementsByClassName("changelog-new")[4].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("changelog-new")[4].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("changelog-new")[4].style.textShadow = `0 0 7px #eb1313`
                //menus
                document.getElementsByClassName("modal")[0].style.color = `#fff`
                document.getElementsByClassName("modal")[0].style.background = `linear-gradient(135deg,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("modal")[0].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("modal")[0].style.textShadow = `0 0 7px #eb1313`
                //loading bar
                document.getElementsByClassName(`loaderprogress`)[0].style.background = `linear-gradient(to right,${localStorage.clientcoloralt} 0,#eb1313 100%)`
                document.getElementsByClassName(`gameloaderwrapper`)[0].style.border = `2px solid #eb1313`
                document.getElementsByClassName(`gameloaderwrapper`)[0].style.boxShadow = `0 0 10px #eb1313`
                //text below loading bar
                document.getElementsByClassName(`textprogress`)[0].style.color = '#eb1313'
                document.getElementsByClassName(`textprogress`)[0].style.textShadow = `0 0 10px #eb1313`
                if (document.getElementsByClassName("donate-btn")[1]) {
                    //custom game button
                    document.getElementsByClassName("donate-btn")[1].style.color = `#fff`
                    document.getElementsByClassName("donate-btn")[1].style.background = `radial-gradient(ellipse at center,${localStorage.clientcoloralt} 0,#eb1313 150%)`
                    document.getElementsByClassName("donate-btn")[1].style.boxShadow = `0 0 7px #eb1313`
                    document.getElementsByClassName("donate-btn")[1].style.textShadow = `0 0 7px #eb1313`
                    //ecp and ship preview
                    for (let i = 0; i < document.getElementsByClassName("frozenbg").length; i++) {
                        document.getElementsByClassName("frozenbg")[i].style.background = `radial-gradient(ellipse at center,${localStorage.clientcoloralt} 20%,#eb1313 150%)`
                        document.getElementsByClassName("frozenbg")[i].style.boxShadow = `0 0 6px #eb1313`
                        document.getElementsByClassName("frozenbg")[i].style.textShadow = `0 0 7px #eb1313`
                    }
                    //show ecp button
                    document.getElementById("viewEcp").style.color = `#fff`
                    document.getElementById("viewEcp").style.background = `radial-gradient(ellipse at center,${localStorage.clientcoloralt} 0,#eb1313 150%)`
                    document.getElementById("viewEcp").style.boxShadow = `0 0 7px #eb1313`
                    document.getElementById("viewEcp").style.textShadow = `0 0 7px #eb1313`
                    //ecp key box
                    document.getElementById("ECPKey").style.color = `#fff`
                    document.getElementById("ECPKey").style.background = `radial-gradient(ellipse at center,${localStorage.clientcoloralt} 0,#eb1313 150%)`
                    document.getElementById("ECPKey").style.boxShadow = `0 0 7px #eb1313`
                    document.getElementById("ECPKey").style.textShadow = `0 0 7px #eb1313`
                    //delete ecp button
                    document.getElementById("removeEcp").style.color = `#fff`
                    document.getElementById("removeEcp").style.background = `radial-gradient(ellipse at center,${localStorage.clientcoloralt} 0,#eb1313 150%)`
                    document.getElementById("removeEcp").style.boxShadow = `0 0 7px #eb1313`
                    document.getElementById("removeEcp").style.textShadow = `0 0 7px #eb1313`
                }
            }
            if (document.getElementsByClassName("stats")[0].children.length > 0) {
                //continue button
                document.getElementById("continue_btn").style.color = `#fff`
                document.getElementById("continue_btn").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("continue_btn").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("continue_btn").style.textShadow = `0 0 7px #eb1313`
                //death stats
                document.getElementsByClassName("stats")[0].style.border = `2px solid #eb1313`
                document.getElementsByClassName("stats")[0].style.boxShadow = `0 0 15px #eb1313`
                document.getElementsByClassName("stats")[0].style.background = `hsl(0deg 0% 100% / 0%)`
                //death stats separators
                for (let i = 0; i < document.getElementsByClassName("stats")[0].children.length; i++) {
                    document.getElementsByClassName("stats")[0].children[i].style.borderBottom = `1px solid #eb1313`
                }
            }

            if (document.getElementsByClassName("fa-vk")[0] != undefined) {
                //link bar
                document.getElementsByClassName("stats")[0].children[3].style.color = `#fff`
                document.getElementsByClassName("stats")[0].children[3].style.background = `linear-gradient(to top,#eb1313 0,${localStorage.clientcoloralt} 20%,${localStorage.clientcoloralt} 60%,#eb1313 100%)`
                document.getElementsByClassName("stats")[0].children[3].style.border = `0 solid #eb1313`
                document.getElementsByClassName("stats")[0].children[3].style.boxShadow = `0 0 6px #eb1313`
                //respawn button
                document.getElementById("respawn_btn").style.color = `#fff`
                document.getElementById("respawn_btn").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("respawn_btn").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("respawn_btn").style.textShadow = `0 0 7px #eb1313`
                //quit button
                document.getElementById("refresh_btn").style.color = `#fff`
                document.getElementById("refresh_btn").style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementById("refresh_btn").style.boxShadow = `0 0 7px #eb1313`
                document.getElementById("refresh_btn").style.textShadow = `0 0 7px #eb1313`
                //death stats
                document.getElementsByClassName("stats")[0].style.border = `2px solid #eb1313`
                document.getElementsByClassName("stats")[0].style.boxShadow = `0 0 15px #eb1313`
                document.getElementsByClassName("stats")[0].style.background = `hsl(0deg 0% 100% / 0%)`
                //death text
                document.getElementById("overlay").style.color = `#fff`
                //death twitter button
                document.getElementsByClassName("fa-twitter")[0].style.color = `#fff`
                document.getElementsByClassName("fa-twitter")[0].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("fa-twitter")[0].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("fa-twitter")[0].style.textShadow = `0 0 7px #eb1313`
                //death FB button
                document.getElementsByClassName("fa-facebook")[0].style.color = `#fff`
                document.getElementsByClassName("fa-facebook")[0].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("fa-facebook")[0].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("fa-facebook")[0].style.textShadow = `0 0 7px #eb1313`
                //death vk button
                document.getElementsByClassName("fa-vk")[0].style.color = `#fff`
                document.getElementsByClassName("fa-vk")[0].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("fa-vk")[0].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("fa-vk")[0].style.textShadow = `0 0 7px #eb1313`
                //death FB button
                document.getElementsByClassName("fa-envelope")[0].style.color = `#fff`
                document.getElementsByClassName("fa-envelope")[0].style.background = `radial-gradient(ellipse at center,#eb1313 0,${localStorage.clientcoloralt} 150%)`
                document.getElementsByClassName("fa-envelope")[0].style.boxShadow = `0 0 7px #eb1313`
                document.getElementsByClassName("fa-envelope")[0].style.textShadow = `0 0 7px #eb1313`
                //death stats separators
                for (let i = 0; i < document.getElementsByClassName("stats")[0].children.length; i++) {
                    document.getElementsByClassName("stats")[0].children[i].style.borderBottom = `1px solid #eb1313`
                }
            }
            setTimeout(themeclient, 500)
        }
        themeclient()
    }
})();