WEAREDEVS TAMPERMONKEY THEME TEMPLATE [BETA]

Hello, i scripted this cool wearedevs theme template for wearedevs. This will not require better wearedevs and will only require tampermonkey or any other website tamper tools!

TamperMonkey For Chromium Browsers - https://chromewebstore.google.com/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo

TamperMonkey For Gecko (FireFox) Browsers - https://addons.mozilla.org/en-GB/firefox/addon/tampermonkey/

Tampermonkey support chromium and gecko (firefox) based browsers!

// ==UserScript==
// @Name         Pluto's Wearedevs Theme Template
// @namespace    http://tampermonkey.net/
// @Version      2024-08-30
// @description  try to take over the world!
// @author       You
// @match        *://forum.wearedevs.net/*
// @match        *://wearedevs.net/*
// @Icon         https://www.google.com/s2/favicons?sz=64&domain=wearedevs.net
// @Grant        none
// @run-at       document-start
// ==/UserScript==

window.addEventListener('load',function()
{
    'use strict';

    // Navbar
    var navbar_background = "#092829";
    var navbar_text_color = "white";

    // Main
    var background_image_link = "";
    var background_image_opacity = 0.2;
    var main_background = "#051224";
    var main_text_color = "white";

    // Chat
    var chat_background = "#051224";
    var chat_text_color = "white";

    // [!DO NOT TOUCH THIS PART UNLESS YOU KNOW WHAT YOUR DOING!]

    var body = document.body;
    var navbar = document.getElementById("navigationbar");
    var chat = document.getElementById("chat-window");
    var backgroundimage = document.createElement("img");

    body.style.background = main_background;
    body.style.color = main_text_color;
    body.style.position = "relative";
    backgroundimage.src = background_image_link;
    backgroundimage.style.opacity = background_image_opacity;
    backgroundimage.style.left = "0";
    backgroundimage.style.top = "0";
    backgroundimage.style.width = "100%";
    backgroundimage.style.height = "auto";
    backgroundimage.style.position = "absolute";
    body.prepend(backgroundimage);

    navbar.style.background = navbar_background;
    navbar.style.color = navbar_text_color;

    chat.style.background = chat_background;
    chat.style.color = chat_text_color;
});

Hopefully you can do some creative things and maybe even add your own custom code for custom elements!

Make sure to leave credit if you distribute your own theme!