Change button colour background to the `Draft` PR label

It’s nice to have “labels” on our pull requests, though with a Draft pull request this isn’t always practical, though when you view a list of PRs the Draft PR label/status is easily missed, adding a light grey background colour to the Draft text would help make these stand out a little clearer IMHO.

Example URL: https://github.com/WordPress/gutenberg/pulls

[fregante]

I name this feature emphasize-draft-pr-label , aimed at making that label stand out

I don’t think draft PRs should stand out, but the opposite, like you said next:

the color ‘gray’ itself says “Oh oh don’t pay too much attention to me”

The gray does that, but the size doesn’t; the visual weight is higher.

I’d go as far as dimming the whole line instead.

Regular

Now

Suggested

Opacity 0.7

[fregante]

Like this?

/* demo */
span[aria-label="Open draft pull request"] {
    background: #e8e8e8;
    width: 1.6em;
    display: inline-flex;
    height: 1.6em;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: -1em;
    margin-left: -0.4em;
    margin-right: -0.2em;
}
span[aria-label="Open draft pull request"] svg {
	color: white !important;
}