Colorize GH Circlebadge

StylishThemes · Jan 14, 2021 · d351b89 · d351b89
1 parent 1190f68
commit d351b89
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/github-dark.user.css b/github-dark.user.css
@@ -8783,6 +8783,18 @@
   .project-card code {
     background: #333 !important;
   }
+  /* fix gh circlebadge bg e.g. https://github.com/marketplace/dependabot-preview */
+  .CircleBadge--github::after {
+    background-color: var(--color-icon-primary);
+  }
+  .CircleBadge-icon[alt*="workflow logo"] {
+    filter: invert(.95) brightness(1.5) grayscale(1);
+    mix-blend-mode: lighten;
+  }
+  /* fix GH circlebadge https://github.com/login/oauth/authorize?client_id=c602a8bd54b1e774f864&scope=repo */
+  .CircleBadge[style*="background-color: #fff; overflow"] {
+    background-color: var(--color-bg-tertiary);
+  }
 }
 @-moz-document regexp("^https?://((education|gist|graphql|guides|raw|resources|status|developer|support|vscode-auth)\\.)?github\\.com/((?!(sponsors)).)*$"), domain("githubusercontent.com"), domain("www.githubstatus.com") {
   /*[[syntax-theme]]*//*[[syntax-jupyter]]*/

diff --git a/src/main.css b/src/main.css
@@ -2299,4 +2299,16 @@
   .project-card code {
     background: #333 !important;
   }
+  /* fix gh circlebadge bg e.g. https://github.com/marketplace/dependabot-preview */
+  .CircleBadge--github::after {
+    background-color: var(--color-icon-primary);
+  }
+  .CircleBadge-icon[alt*="workflow logo"] {
+    filter: invert(.95) brightness(1.5) grayscale(1);
+    mix-blend-mode: lighten;
+  }
+  /* fix GH circlebadge https://github.com/login/oauth/authorize?client_id=c602a8bd54b1e774f864&scope=repo */
+  .CircleBadge[style*="background-color: #fff; overflow"] {
+    background-color: var(--color-bg-tertiary);
+  }
 }