☰

Get All Colors in game (Updated 2025)

console logs all colors in the new diep.io theme format

// ==UserScript==
// @name         Get All Colors in game (Updated 2025)
// @namespace    http://tampermonkey.net/
// @version      0.0.3
// @description  console logs all colors in the new diep.io theme format
// @author       r!PsAw
// @match        https://diep.io/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=diep.io
// @grant        none
// @license      MIT
// ==/UserScript==

let diep_user_colors;
function get_style_color(property) {
    return getComputedStyle(document.documentElement).getPropertyValue(property).trim();
}

function update_your_colors() {
    let temp_container = {
        // Core render colors
        background: get_style_color("--theme-color-backgroundColor"),
        bar_background: get_style_color("--theme-color-barBackground"),
        border: get_style_color("--theme-color-worldBorderColor"),
        grid: get_style_color("--theme-color-gridColor"),
        healthbar_back: get_style_color("--theme-color-healthBarBackground"),
        healthbar_front: get_style_color("--theme-color-healthBarFill"),
        minimap: get_style_color("--theme-color-minimapBackgroundColor"),
        minimap_border: get_style_color("--theme-color-minimapBorderColor"),
        scorebar: get_style_color("--theme-color-scoreBarFillColor"),
        solid_border: get_style_color("--theme-color-border-color") || get_style_color("--theme-color-shadowColor"), // fallback
        xp_bar: get_style_color("--theme-color-xpBarFillColor"),

        // UI Colors
        ui1: get_style_color("--theme-color-uiColor1"),
        ui2: get_style_color("--theme-color-uiColor2"),
        ui3: get_style_color("--theme-color-uiColor3"),
        ui4: get_style_color("--theme-color-uiColor4"),
        ui5: get_style_color("--theme-color-uiColor5"),
        ui6: get_style_color("--theme-color-uiColor6"),
        ui7: get_style_color("--theme-color-uiColor7"),

        // Team and entity colors
        smasher_and_dominator: get_style_color("--theme-color-smasherColor"),
        barrels: get_style_color("--theme-color-cannonColor"),
        body: get_style_color("--theme-color-oldOutlineColor"),
        blue_team: get_style_color("--theme-color-blueTeamColor"),
        red_team: get_style_color("--theme-color-redTeamColor"),
        purple_team: get_style_color("--theme-color-purpleTeamColor"),
        green_team: get_style_color("--theme-color-greenTeamColor"),
        shiny_shapes: get_style_color("--theme-color-shinyShapeColor"),
        square: get_style_color("--theme-color-squareColor"),
        triangle: get_style_color("--theme-color-triangleColor"),
        pentagon: get_style_color("--theme-color-pentagonColor"),
        crashers: get_style_color("--theme-color-crasherColor"),
        arena_closers_neutral_dominators: get_style_color("--theme-color-arenaCloserColor"),
        scoreboard_ffa_etc: get_style_color("--theme-color-ffaEnemyColor"),
        maze_walls: get_style_color("--theme-color-mazeWallColor"),
        others_ffa: get_style_color("--theme-color-ffaFriendlyColor"),
        necromancer_squares: get_style_color("--theme-color-necroDroneColor"),
        fallen_bosses: get_style_color("--theme-color-fallenBossColor")
    };

    diep_user_colors = temp_container;
}

// 🟩 New helper — converts "rgb(...)" → hex for optional use
function rgbToHex(rgb) {
    const match = rgb.match(/\d+/g);
    if (!match) return rgb;
    const [r, g, b] = match.map(Number);
    return "#" + [r, g, b].map(x => x.toString(16).padStart(2, "0")).join("");
}

// 🟦 New helper — pretty-print with actual color preview
function logColors(colors) {
    console.log("%c────────── DIEP.IO THEME COLORS ──────────", "color: white; background: black; font-weight: bold;");
    for (const [name, value] of Object.entries(colors)) {
        const display = value || "undefined";
        console.log(`%c${name.padEnd(28)} %c${display}`, "color: white; background: #222; padding:2px 4px; border-radius:4px;", `color: ${value}; font-weight: bold;`);
    }
    console.log("%c──────────────────────────────────────────", "color: white; background: black; font-weight: bold;");
}

// 🔁 Auto-update loop
setInterval(() => {
        update_your_colors();
        //console.clear();
        //logColors(colors);
}, 1500);