☰

Zendesk Change Active Tab Color

Change color of active tab in Agent workspace to green

// ==UserScript==
// @name         Zendesk Change Active Tab Color
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Change color of active tab in Agent workspace to green
// @author       RostVel
// @match        https://askcrew.zendesk.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function applyStyles() {
        // Target elements with the class 'sc-lzuyri-0 dqkStL' - change class to yours. To find your class, use Inspector in your browser and select active tab.
        var specificElements = document.querySelectorAll('.sc-lzuyri-0.dqkStL');

        specificElements.forEach(function(element) {
            // Apply background color change to each targeted element - you can select your own color.
            element.style.backgroundColor = 'green';
        });
    }

    // Initial application attempt
    applyStyles();

    // MutationObserver for structural changes
    var observer = new MutationObserver(mutations => {
        mutations.forEach(() => {
            applyStyles();
        });
    });
    observer.observe(document.body, { childList: true, subtree: true });

    document.addEventListener('click', () => {
        setTimeout(applyStyles, 100); // Delay DOM
    }, true); // Capture
})();