Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save dazecoop/1113abd005b9416fceac7a588e3da4a5 to your computer and use it in GitHub Desktop.
Save dazecoop/1113abd005b9416fceac7a588e3da4a5 to your computer and use it in GitHub Desktop.
Highlight approved PR's on Github with some custom CSS, apply using browser extension

Github highlight approved & requested changes PR's with Custom CSS

I find PR's that have been approved or have requested changes difficult to spot in the list of other PR's on Github. This CSS fixes that, by highlighting those that are approved in green & requested changes in red.

The custom CSS can be applied by a Chrome or other browser extenion such as Stylebot or Amino Editor.

🤔 Comparison

Before After
before after

💾 Show me the money

*[aria-label*="review approval"] {
  background: #2da44e;
  color: white !important;
  padding: .2rem;
  border-radius: .2rem;
}
*[aria-label*="requesting changes"] {
  background: #fa4549;
  color: white !important;
  padding: .2rem;
  border-radius: .2rem;
}
*[aria-label*="review approval"]:hover,
*[aria-label*="requesting changes"]:hover  {
  color: white !important;
  opacity: 0.8;
}

👀 Notes

This may fail to work in the future if Github change their code.

@github please implement this!
or hire me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment