Dark Mode for Elitepvpers

Page 2 of 3

10/27/2022 18:07 speed.wtf#16

appreciate it :bandit:

11/10/2022 21:38 Meowmere#17

Ty really cool design :kreygasm:

01/01/2023 14:53 FlexiArts#18

Vbulletin never renews itself like a grandfather. While other forum infrastructures support many themes, Vbulettin is still from the 2nd world war.

01/01/2023 19:10 paradise2k23#19

thanks for this eyes are much better now

01/11/2023 15:34 BulletHoles444#20

My eyes have been saved thank you

01/13/2023 23:08 OldMetin2#21

it would be more nice if the administration will bring a black theme tho

02/13/2023 12:54 domo#22

Very nice, this should be implemented

02/13/2023 13:07 Singleplayer�#23

installed tempermonkey addon -> copy pasted the source -> every line error - doesnt works.

so this release seems to be only for web devs

02/16/2023 07:43 T�ken#24

Would be very easy on the eyes.

02/17/2023 13:42 bzsstre#25

Quote:

Originally Posted by forfeitsol

Hello, my eyes was hurting from ePvp's light theme. Normally I'm using an extension called Dark Reader but it messing up ePvp so I decided to make my own. I just learn javascript so pretty sure you can loop every item by their color, but it's still a thing tho. I know, the style is the worst, everything is black, I can improve the design if you guys want.

Download any kind of userscript manager from your favorite browser extension market.

Code:

    var div = document.querySelectorAll("div");
    for (i = 0; i < div.length; i++) {
        div[i].style.backgroundColor = "black";
        div[i].style.color = "#fff";
    }

    var table = document.querySelectorAll("table");
    for (i = 0; i < table.length; i++) {
        table[i].style.backgroundColor = "black";
        table[i].style.color = "#fff";
    }

    var a = document.querySelectorAll("a");
    for (i = 0; i < a.length; i++) {
        if (a[i].getAttribute('style') != 'color:BlueViolet;')
            a[i].setAttribute('style', 'color:White;');
    }

    var td = document.querySelectorAll("td");
    for (i = 0; i < td.length; i++) {
        td[i].setAttribute('style', 'background: black');
        td[i].style.color = "#fff";
    }

    alt2 = document.getElementsByClassName("alt2");
    for (i = 0; i < alt2.length; i++) {
        alt2[i].setAttribute('style', 'background: black;');
        alt2[i].style.color = "#fff";
    }

    strong = document.querySelectorAll("strong");
    for (i = 0; i < strong.length; i++) {
        strong[i].setAttribute('onmousehover', 'this.style.opacity = "70%";');
    }

    panel = document.getElementsByClassName("panel");
    for (i = 0; i < panel.length; i++) {
        panel[i].setAttribute('style', 'background: black !important');
    }

    li2 = document.querySelectorAll("li");
    for (i = 0; i < li2.length; i++) {
        li2[i].setAttribute('style', 'background: black !important; border: 1px solid #252525 !important;');
    }

    img = document.querySelectorAll("img");
    for (i = 0; i < img.length; i++) {
        if (img[i].classList.contains('fancybox-expandable') || img[i].classList.contains('fancybox-disabled'))
			if ((img[i].getAttribute('src')).substr(-1) != "?")
				img[i].setAttribute('style', 'filter: invert(1)');
    }
    
    pln = document.getElementsByClassName("pln");
    for (i = 0; i < pln.length; i++) {
        pln[i].setAttribute('style', 'color: wheat !important');
    }

const credit = document.createElement("li");
credit.innerHTML = "Dark Mode v1.02, by <a href='https://www.elitepvpers.com/forum/members/8325310-forfeitsol.html'>forfeitsol</a> ";

document.getElementById("userbaritems").appendChild(credit);

Preview:
[Only registered and activated users can see links. Click Here To Register...]

Update Notes:

Spoiler

Nice work :handsdown:

02/18/2023 19:38 Zagith#26

A good alternative to the default epvp theme. Thank you!

Quote:

Originally Posted by Singleplayer™

installed tempermonkey addon -> copy pasted the source -> every line error - doesnt works.

so this release seems to be only for web devs

With some basic edits it works, this is the code that works with tempermonkey addon:

HTML Code:

// ==UserScript==
//  [MENTION=286917]name[/MENTION]         New Userscript
//  [MENTION=1005418]namespace[/MENTION]    [url]http://tampermonkey.net/[/url]
//  [MENTION=1805674]Version[/MENTION]      0.1
//  [MENTION=3833773]Description[/MENTION]  try to take over the world!
//  [MENTION=1332190]author[/MENTION]       You
//  [MENTION=340885]match[/MENTION]        [url]https://www.elitepvpers.com/*[/url]
//  [MENTION=283894]icon[/MENTION]         [url]https://www.google.com/s2/favicons?sz=64&domain=elitepvpers.com[/url]
//  [MENTION=551144]grant[/MENTION]        none
// ==/UserScript==

(function() {
    'use strict';
    var div = document.querySelectorAll("div");
    for (var i = 0; i < div.length; i++) {
        div[i].style.backgroundColor = "black";
        div[i].style.color = "#fff";
    }

    var table = document.querySelectorAll("table");
    for (i = 0; i < table.length; i++) {
        table[i].style.backgroundColor = "black";
        table[i].style.color = "#fff";
    }

    var a = document.querySelectorAll("a");
    for (i = 0; i < a.length; i++) {
        if (a[i].getAttribute('style') != 'color:BlueViolet;')
        {a[i].setAttribute('style', 'color:White;');}
        }

        var td = document.querySelectorAll("td");
        for (i = 0; i < td.length; i++) {
            td[i].setAttribute('style', 'background: black');
            td[i].style.color = "#fff";
        }

        var alt2 = document.getElementsByClassName("alt2");
        for (i = 0; i < alt2.length; i++) {
            alt2[i].setAttribute('style', 'background: black;');
            alt2[i].style.color = "#fff";
        }

        var strong = document.querySelectorAll("strong");
        for (i = 0; i < strong.length; i++) {
            strong[i].setAttribute('onmousehover', 'this.style.opacity = "70%";');
        }

        var panel = document.getElementsByClassName("panel");
        for (i = 0; i < panel.length; i++) {
            panel[i].setAttribute('style', 'background: black !important');
        }

        var li2 = document.querySelectorAll("li");
        for (i = 0; i < li2.length; i++) {
            li2[i].setAttribute('style', 'background: black !important; border: 1px solid #252525 !important;');
        }

        var img = document.querySelectorAll("img");
        for (i = 0; i < img.length; i++) {
            if (img[i].classList.contains('fancybox-expandable') || img[i].classList.contains('fancybox-disabled'))
            {
                if ((img[i].getAttribute('src')).substr(-1) != "?")
                {
                    img[i].setAttribute('style', 'filter: invert(1)');
                }
            }
        }

        var pln = document.getElementsByClassName("pln");
        for (i = 0; i < pln.length; i++) {
            pln[i].setAttribute('style', 'color: wheat !important');
        }

       const credit = document.createElement("li");
        credit.innerHTML = "Dark Mode v1.02, by <a href='https://www.elitepvpers.com/forum/members/8325310-forfeitsol.html'>forfeitsol</a> ";

        document.getElementById("userbaritems").appendChild(credit);
    })();

Edit: EPvp replace @ as mention,
so where you read [MENTION], replace it with @ and remove [url] tags :)

03/23/2023 03:11 jobeth213#27

Discord type color in Userscript chrome plugin:

Code:

// ==UserScript==
// [MENTION=286917]name[/MENTION]         New Userscript
// [MENTION=1005418]namespace[/MENTION]    [url]http://tampermonkey.net/[/url]
// [MENTION=1805674]Version[/MENTION]      0.1
// [MENTION=3833773]Description[/MENTION]  try to take over the world!
// [MENTION=1332190]author[/MENTION]       You
// [MENTION=340885]match[/MENTION]        [url]https://www.elitepvpers.com/*[/url]
// [MENTION=283894]icon[/MENTION]         [url]https://www.google.com/s2/favicons?sz=64&domain=elitepvpers.com[/url]
// [MENTION=551144]grant[/MENTION]        none
// ==/UserScript==

(function() {
    'use strict';
    var div = document.querySelectorAll("div");
    for (var i = 0; i < div.length; i++) {
        div[i].style.backgroundColor = "#313338";
        div[i].style.color = "#fff";
    }

    var table = document.querySelectorAll("table");
    for (i = 0; i < table.length; i++) {
        table[i].style.backgroundColor = "#313338";
        table[i].style.color = "#fff";
    }

    var a = document.querySelectorAll("a");
    for (i = 0; i < a.length; i++) {
        if (a[i].getAttribute('style') != 'color:BlueViolet;')
        {a[i].setAttribute('style', 'color:White;');}
        }

        var td = document.querySelectorAll("td");
        for (i = 0; i < td.length; i++) {
            td[i].setAttribute('style', 'background: #313338');
            td[i].style.color = "#fff";
        }

        var alt2 = document.getElementsByClassName("alt2");
        for (i = 0; i < alt2.length; i++) {
            alt2[i].setAttribute('style', 'background: #313338;');
            alt2[i].style.color = "#fff";
        }

        var strong = document.querySelectorAll("strong");
        for (i = 0; i < strong.length; i++) {
            strong[i].setAttribute('onmousehover', 'this.style.opacity = "70%";');
        }

        var panel = document.getElementsByClassName("panel");
        for (i = 0; i < panel.length; i++) {
            panel[i].setAttribute('style', 'background: #313338 !important');
        }

        var li2 = document.querySelectorAll("li");
        for (i = 0; i < li2.length; i++) {
            li2[i].setAttribute('style', 'background: #313338 !important; border: 1px solid #252525 !important;');
        }

        var img = document.querySelectorAll("img");
        for (i = 0; i < img.length; i++) {
            if (img[i].classList.contains('fancybox-expandable') || img[i].classList.contains('fancybox-disabled'))
            {
                if ((img[i].getAttribute('src')).substr(-1) != "?")
                {
                    img[i].setAttribute('style', 'filter: invert(1)');
                }
            }
        }

        var pln = document.getElementsByClassName("pln");
        for (i = 0; i < pln.length; i++) {
            pln[i].setAttribute('style', 'color: wheat !important');
        }

       const credit = document.createElement("li");
        credit.innerHTML = "Dark Mode v1.02, by <a href='https://www.elitepvpers.com/forum/members/8325310-forfeitsol.html'>forfeitsol</a> ";

        document.getElementById("userbaritems").appendChild(credit);
    })();

03/23/2023 22:33 gaharasen#28

this is great!

03/26/2023 20:33 Sifre#29

Dark mode was the first thing I searched in my profile options. Thanks

08/19/2025 08:59 Yochardo#30

Is this still working in 2025?

Page 2 of 3