Azure DevOps: Colour Code Tags latest version (currently v1.0.0)

← Back to Stylus Rules

Install Style

Style Content

/* ==UserStyle==
@name           Azure DevOps: Colour Code Tags
@namespace      https://www.timhilton.xyz/stylus-rules/
@version        1.0.0
@description    Applies color coding to specific tags in Azure DevOps work items for quick visual identification
@author         Tim Hilton
@homepageURL    https://www.timhilton.xyz/stylus-rules/azure-devops/colour-code-tags/
@updateURL      https://www.timhilton.xyz/stylus-rules/azure-devops/colour-code-tags/latest/colour-code-tags.user.css
==/UserStyle==*/

@-moz-document domain("dev.azure.com") {
/* Color-codes specific tags for quick visual identification.
   The aria-label selector uses $= (ends with) because the query view adds a space at the beginning. */

.bolt-pill:has([aria-label$="On Hold"]) {
    background: red;
}

.bolt-pill:has([aria-label$="Blocked"]) {
    background: red;
}

.bolt-pill:has([aria-label$="Mike"]) {
    background: orange;
}

.bolt-pill:has([aria-label$="TKO"]) {
    background: blue;
}
}