// ==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
})();