Fix help search box, add #333 generator

github-dark.css

@@ -7,10 +7,10 @@
     color: #b5b5b5 !important;
   }
   .Popover-message:before {
-      border-bottom-color: #343434;
+    border-bottom-color: #343434;
   }
   .Popover-message:after {
-      border-bottom-color: #181818;
+    border-bottom-color: #181818;
   }
   /* begin auto-generated rules - use tools/generate.js to generate them */
   /* auto-generated rule for "background: #fff" */
@@ -103,16 +103,17 @@
   .is-bad-file .repo-file-upload-errors, .is-empty .repo-file-upload-errors,
   .is-failed .repo-file-upload-errors, .is-hidden-file .repo-file-upload-errors,
   .is-too-big .repo-file-upload-errors, .is-too-many .repo-file-upload-errors,
-  .setup-info-module, .orgs-help-item-octicon, .org-sso .org-sso-panel,
-  .tree-browser tr.navigation-focus td, .tree-browser tr[aria-selected=true] td,
-  .btn-orange .Counter, .btn-outline-purple,
-  .btn-outline-purple.selected .Counter, .btn-outline-purple:active .Counter,
-  .btn-outline-purple:hover .Counter, [open] > .btn-outline-purple .Counter,
-  .btn-outline-purple.disabled, .btn-outline-purple:disabled,
-  .btn-outline-orange, .btn-outline-orange.selected .Counter,
-  .btn-outline-orange:active .Counter, .btn-outline-orange:hover .Counter,
-  [open] > .btn-outline-orange .Counter, .btn-outline-orange.disabled,
-  .btn-outline-orange:disabled, .btn-outline-green,
+  .setup-info-module, .orgs-help-item-octicon, .business-sso .business-sso-panel,
+  .business-sso .org-sso-panel, .org-sso .business-sso-panel,
+  .org-sso .org-sso-panel, .tree-browser tr.navigation-focus td,
+  .tree-browser tr[aria-selected=true] td, .btn-orange .Counter,
+  .btn-outline-purple, .btn-outline-purple.selected .Counter,
+  .btn-outline-purple:active .Counter, .btn-outline-purple:hover .Counter,
+  [open] > .btn-outline-purple .Counter, .btn-outline-purple.disabled,
+  .btn-outline-purple:disabled, .btn-outline-orange,
+  .btn-outline-orange.selected .Counter, .btn-outline-orange:active .Counter,
+  .btn-outline-orange:hover .Counter, [open] > .btn-outline-orange .Counter,
+  .btn-outline-orange.disabled, .btn-outline-orange:disabled, .btn-outline-green,
   .btn-outline-green.selected .Counter, .btn-outline-green:active .Counter,
   .btn-outline-green:hover .Counter, [open] > .btn-outline-green .Counter,
   .btn-outline-green.disabled, .btn-outline-green:disabled,
@@ -323,7 +324,9 @@
   .progress-bar-inline .progress-bar, .range-editor, .code-list .file-box,
   .ScreenshotCarousel, .conflict-resolver.loading, .review-thread,
   .review-comment .is-comment-editing, .review-summary-form-wrapper,
-  .orgs-help-item-octicon, .org-sso .org-sso-panel, .data-table {
+  .orgs-help-item-octicon, .business-sso .business-sso-panel,
+  .business-sso .org-sso-panel, .org-sso .business-sso-panel,
+  .org-sso .org-sso-panel, .data-table {
     border-color: #343434 !important;
   }
   /* auto-generated rule for "border: 1px solid #eee" */
@@ -577,6 +580,33 @@
   .btn-danger:focus {
     box-shadow: 0 0 0 .2em rgba(255, 68, 68, .4) !important;
   }
+  /* auto-generated rule for "color: #333" */
+  .intgrs-lstng-item-header, .listgroup-item.disabled .listgroup-item-title,
+  .billing-plans .name, .session-authentication .header-logo,
+  .session-authentication .auth-form-header, .billing-section .section-content,
+  .lfs-data-icon.dark, .documentation-results a, .milestone-title-link a,
+  .org-name, .member-row, .reinstate-org-member .reinstate-title,
+  .stats-group-stat.no-link:hover .stat-number, .stat-number,
+  .org-user-notice-content strong, .manage-memberships-tabs-item:hover,
+  .diffstat-summary strong, .clone-url-button > .clone-url-link,
+  .clone-url-button.selected > .clone-url-link,
+  .clone-url-button.selected > .clone-url-link:hover,
+  .oauth-app-info-container dl.keys dd, .protected-branch-pusher,
+  .typeahead-result, div.article #article-platform-nav ul li.selected a,
+  ul.search-results li span.search-term, .minibutton, .btn, input, textarea,
+  input:focus, textarea:focus, div.search-form input:focus,
+  div.search-form button span, div.search-form .autocomplete-results a,
+  .markdown-format h1, .markdown-format h4, body, .button-nav, .button-nav li a,
+  div.content-header h6 span, h1, h1 span, h2, h2 span, .guide-section a p,
+  .text-gray-dark, .link-gray-dark, .text-emphasized, .Box-row-link,
+  .social-count, .form-control, .form-select, p.explain strong,
+  .Counter--gray-light, .menu-item .octicon, .tabnav-tab.selected,
+  .markdown-body span.frame span span, .site-header-nav-item:hover,
+  .site-header-nav-item.active, .sub-nav h2 a, .highlight-module .mega-octicon,
+  .octokit-language span, .headlines > li > a, .js-current .standalone a,
+  .sidebar-module .disable > a, .content .anchor, #markdown-toc li a {
+    color: #bababa !important;
+  }
   /* auto-generated rule for "color: #3c4146" */
   .text-alpha, .text-beta, .text-delta, .text-gamma, h1, h2, h3, h4, h5,
   .link-muted:hover, .text-black, .menu-item.selected,
@@ -1277,14 +1307,14 @@
   }
   input.focus[type=text], #adv_code_search .focus.search-page-label,
   .focused .drag-and-drop, #adv_code_search .search-page-label:focus,
-  .form-control:focus, .form-select:focus,
-  #q:focus ~ button, input.color-editor-input:focus, #ghd-settings select:focus,
+  .form-control:focus, .form-select:focus, #q:focus ~ button,
+  input.color-editor-input:focus, #ghd-settings select:focus,
   #ghd-settings input:focus, .intgrs-lstng-item:hover,
   .ajax-pagination-btn:focus, .form-control.focus, .form-select.focus,
   .form-select:focus, input[type=checkbox]:focus, .upload-enabled.focused,
   .project-column:focus, .project-card:focus,
   .octotree_github_sidebar input[type=text]:focus,
-  .octotree_github_sidebar textarea:focus {
+  .octotree_github_sidebar textarea:focus, div.search-form input:focus {
     border-color: /*[[base-color]]*/ #4f8cc9 !important;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 2px /*[[base-color]]*/ #4f8cc9 !important;
     outline-color: /*[[base-color]]*/ #4f8cc9 !important;
@@ -1304,8 +1334,8 @@
   input[type=radio]:hover:active, input[type=checkbox]:disabled,
   input[type=checkbox]:hover:disabled,
   input[type=checkbox]:hover:active:disabled {
-    appearance: none !important;
-    -moz-appearance: none !important;
+            appearance: none !important;
+       -moz-appearance: none !important;
     -webkit-appearance: none !important;
     background-color: #181818 !important;
     border: 1px solid #484848 !important;
@@ -2080,8 +2110,8 @@
     background: #181818 !important;
   }
   .sidebar-module, .form-control, .form-select,
-  .octotree_github_sidebar input[type=text],
-  .octotree_github_sidebar textarea {
+  .octotree_github_sidebar input[type=text], .octotree_github_sidebar textarea,
+  div.search-form input {
     background-color: #181818 !important;
     border-color: #343434 !important;
   }
@@ -2932,7 +2962,8 @@
   .select-menu-item[aria-selected="true"],
   .select-menu-item[aria-selected="true"].selected, .btn-danger:hover,
   .btn-danger:active, .btn-danger.selected, [open] > .btn-danger,
-  .discussion-item-icon, a.octotree_toggle:not(.octotree_loading):hover > span:after {
+  .discussion-item-icon,
+  a.octotree_toggle:not(.octotree_loading):hover > span:after {
     color: #dcdcdc !important;
   }
   pre, body, a.social-count, span.social-count, #languages a.bar, .lineoption p,
@@ -2983,7 +3014,8 @@
   .completeness-indicator-problem, .article-meta,
   .timeline-comment-header-text code a, .commit-tease-sha,
   .reponav-item.selected, .stats-group-stat.no-link:hover .stat-number,
-  .octotree_github_sidebar a.octotree_opts .settings:before, .octotree_help > span:before,
+  .octotree_github_sidebar a.octotree_opts .settings:before,
+  .octotree_help > span:before,
   .application-authorizations .oauth-app-access-name, .dropdown-item,
   .header-logo-invertocat, a.header-logo-wordmark,
   .pull-request-integrations-title, .intgrs-dir-intro .directory-header-back,

tools/generate.js

@@ -114,6 +114,7 @@ const mappings = {
   // Color / Background
   // ==========================================================================
 
+  "color: #333": "color: #bababa",
   "color: #3c4146": "color: #bababa",
   "color: #444d56": "color: #afafaf",
   "color: #666"   : "color: #8e8e8e",