Color-code every status
Gives status cells a colored bar by state: active, paused, rejected, in review or learning phase.
Code to copy
(function () {
var MAP = [
[/active|delivering/i, '#2e7d32'],
[/paused|off/i, '#9e9e9e'],
[/rejected|disapproved|error/i, '#d32f2f'],
[/in review|pending|processing/i, '#f57c00'],
[/learning/i, '#7b1fa2']
];
function paint() {
try {
document.querySelectorAll('[role="gridcell"],[role="cell"]').forEach(function (c) {
var lbl = (c.getAttribute('aria-label') || '') + ' ' + (c.textContent || '');
for (var i = 0; i < MAP.length; i++) {
if (MAP[i][0].test(lbl)) { c.style.boxShadow = 'inset 4px 0 0 ' + MAP[i][1]; return; }
}
});
} catch (e) {}
}
paint();
setInterval(paint, 2500);
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.