Skip to content

Swap open/closed colours at GitHub and Bugzilla by myfonj

Details

Authormyfonj

LicenseCC0 - Public Domain

Categorygithub

Created

Updated

Size4.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes "good" icons green and "bad" ones red. Closed issue is good, unresolved is bad.

Open=red, closed=green.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Swap colours of issue status icon at GitHub and Bugzilla. Open=red, closed=green.
@description    Makes "good" icons green and "bad" ones red.  Closed issue is good, unresolved is bad.
@namespace      myfonj
@version        0.1.4
@license        CC0 - Public Domain
==/UserStyle== */
@-moz-document domain("bugzilla.mozilla.org") {
 /*
 https://greasyfork.org/en/scripts/406730/versions/new
 https://userstyles.world/style/11232

 Changelog
 0.1.4 (2024-05-15) fix svg colors for open and closed stuff in search
 0.1.3 (2024-02-29) green badge on closed checkmark in timeline (in comments)
 0.1.2 (2023-07-31) merged badge background (= "OK")
 */
 /*
  <span class="bug-status-label text" data-status="closed">Closed</span>
 
 --bug-status-color-open: #188716;
 --bug-status-color-closed: #1B6AB8;
 --bug-status-color-untriaged: #1B9BB8;
 --bug-type-color-defect: #EA3C3D;
 --bug-type-color-enhancement: #2ABA27;
 --bug-type-color-task: #2886C9;
 
 */
 [class*="bug-status"][data-status="open"] {
   --bug-status-color-open: #EA3C3D;
  
 }
 [class*="bug-status"][data-status="closed"] {
   --bug-status-color-closed: #188716;
 }
 .bz_bug_link:not(.bz_closed)  {
  color: color-mix(in srgb, white 30%, red);
 }
 .bz_bug_link.bz_closed {
  color: color-mix(in srgb, white 30%, green);
 }

}


@-moz-document domain("github.com") {
 /*
 GitHub - swap colors (open=red, closed=green)
 
 .State--draft,
 .State--open,
 .State--merged,
 .State--closed,
 .State--small
 
 */
 path[d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"], /* dot */
 path[d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"], /* circle */
 .octicon.open,
 .octicon.octicon-issue-opened:not(.UnderlineNav-octicon) path
 {	color: #cb2431; /* original is green */
 }
 path[d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm1.5 0a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Zm10.28-1.72-4.5 4.5a.75.75 0 0 1-1.06 0l-2-2a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018l1.47 1.47 3.97-3.97a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042Z"], /* Circle with check */
 .octicon.closed,
 .octicon.octicon-issue-closed path
 {	color: #28a745; /* original is red */
 }
 .reponav-item .octicon path,
 .table-list-header-toggle .btn-link path,
 .State--green .octicon.octicon-issue-opened path,
 .State--red .octicon.octicon-issue-closed path
 { color: inherit
 }
 .State--open,
 .State--green
 {	background-color: #cb243133; /* original is green */
 ;color: #cb2431;
 }
 .State--merged,
 .State--closed,
 .State--red
 {	background-color: #28a74533; /* original is red */
 ; color: #28a745;
 }
 /* same, but importat, TBH IDK Y it has to be this way */
 .TimelineItem-badge.color-fg-on-emphasis.color-bg-done-emphasis,
 .TimelineItem-badge.color-fg-on-emphasis.color-bg-done-emphasis .octicon-issue-closed
 {	background-color: #28a74533 !important; /* original is violet */
 ; color: #28a745 !important;
 }

.type-icon-state-closed .octicon-git-pull-request
 { /* leaving original red, as for "closed not merged" */
 }
 .octicon.octicon-git-pull-request.open
 { color: orange; /* original is green */
 }
 .octicon.octicon-git-pull-request.open.text-green
 { color: orange !important; /* text-green is !important; ghis appears in tooltip */
 }
 .octicon.octicon-git-merge.merged , /* does not seem to be needed anymore */
 .type-icon-state-merged .octicon-git-merge
 { color: #28a745; /* original violet seems quite ok-ish as well, but to be consistent let's make it green. merged PR = OK*/
 }
 .octicon-git-pull-request.closed
 { color: #cb2431; /* original is green; closed not merged - not error, not OK */
 }
 .octicon-git-pull-request.text-gray-light
 { /* "draft" PR is gray */
 }
 /* user closed this issue ... */
 .TimelineItem-badge.text-white.bg-red > .octicon.octicon-circle-slash
 {	background-color: #28a745;
 	outline: .4rem solid #28a745;
 	color: rgba(255,255,255,.2); /* icon shape is like "🚫" here */
 }
 
 /* user reopened this issue ... */
 .TimelineItem-badge.text-white.bg-green > .octicon.octicon-dot-fill
 {	background-color: #cb2431;
 	outline: .4rem solid #cb2431;
 	color: rgba(255,255,255,.2); /* icon shape is "•" here */
 }
}
/* Open pull request should not be red. Nor green. */
@-moz-document regExp("https://github.com/[^/]+/[^/]+/pull/.*")
{
   #partial-discussion-header .State.State--green  { background-color: purple; }
}
/*
END: GitHub - swap colors (open=red, closed=green)
*/

Reviews

No reviews yet.