Untitled.js

// Inject CSS once
const style = document.createElement('style');
style.textContent = `
.my-tampermonkey-button {
    padding: 5px;
    border: 1px solid black;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.my-tampermonkey-button:hover {
    background-color: rgba(200, 200, 200, 0.7);
}
.my-tampermonkey-button:active {
    background-color: rgba(150, 150, 150, 0.9);
}
`;
document.head.appendChild(style);

// Inside your update loop
for (let region of data) {
    for (let lobby of region.lobbies) {
        let button = document.createElement('button');
        button.className = 'my-tampermonkey-button'; // Add class
        button.textContent = `${region.region} ${lobby.gamemode} ${lobby.numPlayers}p`;
        button.addEventListener('click', () => {
            window.open(`https://diep.io/?ip=${lobby.ip}&g=${lobby.gamemode}&l=0x0`);
        });

// Optional: dynamically change bg color
        const bg = colors[region.region];
        if (bg) {
            button.style.backgroundColor = bg;
        }

buttons.appendChild(button);
    }
    buttons.appendChild(document.createElement('br'));
}