From 02a4bc7dfc50f3fc9ccfb624d65906fece558003 Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Wed, 6 May 2020 00:31:22 +0200
Subject: [PATCH] fix counters, fixes #1110

---
 github-dark.css   | 81 ++++++++++++++++++++++++-----------------------
 tools/generate.js |  9 ++++--
 2 files changed, 48 insertions(+), 42 deletions(-)

diff --git a/github-dark.css b/github-dark.css
index 1abc236fe..751ddb982 100644
--- a/github-dark.css
+++ b/github-dark.css
@@ -2860,7 +2860,7 @@
   .branch-action-state-closed-dirty .branch-action-icon,
   .branch-action-state-dirty .branch-action-icon,
   .is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-icon {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "border-color: #d1d5da" */
   .branch-action-state-closed-dirty .branch-action-body,
@@ -2893,7 +2893,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   .completeness-indicator-problem {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #fffbdd", "border: 1px solid rgba(27,31,35,.15)" */
   .RecentBranches {
@@ -3624,7 +3624,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   .issues-reset-query-icon {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "color: #555" */
   .table-list-milestones .stat {
@@ -4604,7 +4604,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   .projects-reset-query-icon {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #fff", "border-top: 1px solid #d1d5da" */
   .projects-comment-form .comment-form-head .toolbar-commenting {
@@ -5488,7 +5488,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   .token-scanning-reset-query-icon {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background: #f6f8fa", "border-bottom: 1px solid #dfe2e5" */
   table.capped-list th {
@@ -6034,7 +6034,7 @@
       background: #181818;
     }
     header .search-overlay-desktop.js-open {
-      background: rgba(0, 0, 0, .15);
+      background: rgba(180, 180, 180, .22);
     }
   }
   /* remap-css rule for "color: #24292e" */
@@ -6433,7 +6433,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   .Label--gray-darker {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #d15704" */
   .Label--orange {
@@ -6441,7 +6441,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   .state, .State {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #2cbe4e" */
   .State--green {
@@ -6455,18 +6455,19 @@
   .State--red {
     background-color: #911;
   }
-  /* remap-css rule for "color: #586069" */
+  /* remap-css rule for "color: #586069", "background-color: rgba(27,31,35,.08)" */
   .Counter {
     color: #afafaf;
+    background-color: rgba(180, 180, 180, .15);
   }
   /* remap-css rule for "color: #24292e", "background-color: rgba(27,31,35,.15)" */
   .Counter--gray-light {
     color: #d2d2d2;
-    background-color: rgba(0, 0, 0, .15);
+    background-color: rgba(180, 180, 180, .22);
   }
   /* remap-css rule for "background-color: #6a737d" */
   .Counter--gray {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "color: #cb2431" */
   .markdown-body .absent {
@@ -7022,7 +7023,7 @@
   /* remap-css rule for "color: #586069", "background-color: rgba(27,31,35,.1)" */
   .btn .Counter {
     color: #afafaf;
-    background-color: rgba(0, 0, 0, .1);
+    background-color: rgba(180, 180, 180, .17);
   }
   /* remap-css rule for "color: #24292e", "background-color: #eff3f6", "background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)" */
   .btn {
@@ -7941,7 +7942,7 @@
   }
   /* remap-css rule for "background-color: #6a737d !important" */
   .bg-gray-5 {
-    background-color: #303030 !important;
+    background-color: #555 !important;
   }
   /* remap-css rule for "color: #586069 !important" */
   .color-gray-6 {
@@ -8550,7 +8551,7 @@
   /* remap-css rule for "color: #586069", "background-color: rgba(27,31,35,.1)" */
   #graphiql .btn .Counter {
     color: #afafaf;
-    background-color: rgba(0, 0, 0, .1);
+    background-color: rgba(180, 180, 180, .17);
   }
   /* remap-css rule for "color: #24292e", "background-color: #eff3f6", "background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%)" */
   #graphiql .btn {
@@ -9371,7 +9372,7 @@
   }
   /* remap-css rule for "background-color: #6a737d !important" */
   #graphiql .bg-gray-5 {
-    background-color: #303030 !important;
+    background-color: #555 !important;
   }
   /* remap-css rule for "color: #586069 !important" */
   #graphiql .color-gray-6 {
@@ -9808,7 +9809,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   #graphiql .Label--gray-darker {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #d15704" */
   #graphiql .Label--orange {
@@ -9816,7 +9817,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   #graphiql .state, #graphiql .State {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #2cbe4e" */
   #graphiql .State--green {
@@ -9830,18 +9831,19 @@
   #graphiql .State--red {
     background-color: #911;
   }
-  /* remap-css rule for "color: #586069" */
+  /* remap-css rule for "color: #586069", "background-color: rgba(27,31,35,.08)" */
   #graphiql .Counter {
     color: #afafaf;
+    background-color: rgba(180, 180, 180, .15);
   }
   /* remap-css rule for "color: #24292e", "background-color: rgba(27,31,35,.15)" */
   #graphiql .Counter--gray-light {
     color: #d2d2d2;
-    background-color: rgba(0, 0, 0, .15);
+    background-color: rgba(180, 180, 180, .22);
   }
   /* remap-css rule for "background-color: #6a737d" */
   #graphiql .Counter--gray {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "color: #586069" */
   #graphiql .diffstat {
@@ -12007,7 +12009,7 @@
   }
   /* remap-css rule for "background: #6a737d" */
   body.status .layout-content.status .shared-partial.uptime-90-days-wrapper .legend .spacer {
-    background: #303030;
+    background: #555;
   }
   /* remap-css rule for "border-right: 1px solid #e1e4e8 !important", "border-left: 1px solid #e1e4e8 !important" */
   body[class="page-responsive"] .border-x {
@@ -12251,7 +12253,7 @@
   }
   /* remap-css rule for "background-color: #6a737d !important" */
   body[class="page-responsive"] .bg-gray-5 {
-    background-color: #303030 !important;
+    background-color: #555 !important;
   }
   /* remap-css rule for "color: #586069 !important" */
   body[class="page-responsive"] .color-gray-6 {
@@ -12653,7 +12655,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   body[class="page-responsive"] .Label--gray-darker {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #d15704" */
   body[class="page-responsive"] .Label--orange {
@@ -12661,7 +12663,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   body[class="page-responsive"] .state, body[class="page-responsive"] .State {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #2cbe4e" */
   body[class="page-responsive"] .State--green {
@@ -12675,18 +12677,19 @@
   body[class="page-responsive"] .State--red {
     background-color: #911;
   }
-  /* remap-css rule for "color: #586069" */
+  /* remap-css rule for "color: #586069", "background-color: rgba(27,31,35,.08)" */
   body[class="page-responsive"] .Counter {
     color: #afafaf;
+    background-color: rgba(180, 180, 180, .15);
   }
   /* remap-css rule for "color: #24292e", "background-color: rgba(27,31,35,.15)" */
   body[class="page-responsive"] .Counter--gray-light {
     color: #d2d2d2;
-    background-color: rgba(0, 0, 0, .15);
+    background-color: rgba(180, 180, 180, .22);
   }
   /* remap-css rule for "background-color: #6a737d" */
   body[class="page-responsive"] .Counter--gray {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "color: #586069" */
   body[class="page-responsive"] .diffstat {
@@ -14090,7 +14093,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   body[class="page-responsive"] .pagination .current {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "color: #c6cbd1" */
   body[class="page-responsive"] .pagination .disabled,
@@ -16570,7 +16573,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   body.zh_logged_in .zhc-discussion-events__icon--grey-dark {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #24292e" */
   body.zh_logged_in .zhc-discussion-events__icon--grey-darker {
@@ -18518,7 +18521,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   html.ghh-theme-classic .ghh .ghh-state-draft {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "color: #dbab09" */
   html.ghh-theme-classic .ghh .ghh-state-warning {
@@ -18539,7 +18542,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   html.ghh-theme-classic .ghh-pull-meta .ghh-reviews .ghh-state-icon-problem {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "background-color: #fff" */
   html.ghh-theme-classic .ghh-overlay form {
@@ -18643,7 +18646,7 @@
   }
   /* remap-css rule for "background-color: #6a737d" */
   .ghh-theme-github .ghh-reviews .ghh-state-icon-problem {
-    background-color: #303030;
+    background-color: #555;
   }
   /* remap-css rule for "border: 2px solid transparent" */
   body.gitako-ready #nprogress .spinner-icon {
@@ -19327,8 +19330,8 @@
   .gist-quicksearch-result-group, .listgroup, .listgroup-item + .listgroup-item,
   .user-key-badge, .newsfeed-placeholder, .progress-bar-inline .progress-bar,
   .menu-heading, body .border-gray-dark, .discussion-item-review .blob-wrapper,
-  .bot-identifier, .counter, .Counter, div.marketplace-product-callout,
-  .CodeMirror-dialog-top, .project-card:hover:not(:focus) {
+  .bot-identifier, div.marketplace-product-callout, .CodeMirror-dialog-top,
+  .project-card:hover:not(:focus) {
     border-color: #484848 !important;
   }
   pre, h1, h2, h3, table, table tr, table td, table th, blockquote, .pulse-graph,
@@ -20351,7 +20354,7 @@
   .subnav-bar > ul > li > ul > li > a:hover, .issue.active, .orgs-nav .count,
   .task-progress .progress-bar .progress,
   .oauth-connection-illustration .oauth-image,
-  .manage-repo-access-wrapper::before, .counter, .Counter, .block-diff-neutral,
+  .manage-repo-access-wrapper::before, .block-diff-neutral,
   .oauth-permissions-details .permission-summary em.highlight,
   .marketplace-product-callout .branch-action-item-icon {
     background: #444 !important;
@@ -20671,10 +20674,10 @@
   .org-settings-team-type, .org-settings-team-count, .intgrs-lstng-item-header,
   .octokit-language span, .site-header-nav a, .menu-item.selected, article h2,
   #message-list h1, #message-list h3, .graph-page h1, .graph-page h3,
-  .prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon,
-  .counter, .Counter, .state, .State, .dashboard-notice h2,
-  .site-header-dark .site-header .site-header-link, .version-picker a:hover,
-  .markdown-format .octicon-link, .Box-row--hover-blue.link-gray:hover,
+  .prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon, .state,
+  .State, .dashboard-notice h2, .site-header-dark .site-header .site-header-link,
+  .version-picker a:hover, .markdown-format .octicon-link,
+  .Box-row--hover-blue.link-gray:hover,
   .jump-to-suggestions-results-container .navigation-focus .jump-to-octicon,
   .jump-to-suggestions-results-container [aria-selected="true"] .jump-to-octicon,
   .markdown-body strong, .markdown-format strong, .btn-danger:hover,
diff --git a/tools/generate.js b/tools/generate.js
index 58d1dab76..9fb561d89 100755
--- a/tools/generate.js
+++ b/tools/generate.js
@@ -33,7 +33,7 @@ const mappings = {
   "$background: #d3e2f4": "#383838",
   "$background: #d1d5da": "#404040",
   "$background: #c6cbd1": "#484848",
-  "$background: #6a737d": "#303030",
+  "$background: #6a737d": "#555",
   "$background: #24292e": "#181818",
   "$background: #f9f9f9": "#181818",
   "$background: #2f363d": "#282828",
@@ -51,8 +51,11 @@ const mappings = {
   "$background: linear-gradient(#ececec, #d5d5d5)": "linear-gradient(#404040, #383838)", // graphql explorer
   "$background: linear-gradient(#ccc,#d5d5d5)": "linear-gradient(#303030, #282828)",
   "$background: linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%)": "linear-gradient(#404040, #383838)",
-  "$background: rgba(27,31,35,.1)": "rgba(0,0,0,.1)",
-  "$background: rgba(27,31,35,.15)": "rgba(0,0,0,.15)",
+
+  "$background: rgba(27,31,35,.08)": "rgba(180,180,180,.15)",
+  "$background: rgba(27,31,35,.1)": "rgba(180,180,180,.17)",
+  "$background: rgba(27,31,35,.15)": "rgba(180,180,180,.22)",
+
   "$background: #e9ecef": "#404040",
   "$background: initial": "initial",