From 60c2da6d1256bf530c3fc89d055040503baaf23f Mon Sep 17 00:00:00 2001 From: silverwind Date: Tue, 8 May 2018 21:50:17 +0200 Subject: [PATCH] Pulls: Checks page fixes, style more borders --- github-dark.css | 56 ++++++++++++++++++++++++++++++++++++----------- tools/generate.js | 7 +++++- 2 files changed, 49 insertions(+), 14 deletions(-) diff --git a/github-dark.css b/github-dark.css index 95ea62da9..46984ae12 100644 --- a/github-dark.css +++ b/github-dark.css @@ -282,16 +282,6 @@ .UnderlineNav-item.selected, .repo-filterer .repo-filter.filter-selected { border-bottom-color: #eee !important; } - /* auto-generated rule for "border-bottom: 1px solid #e1e4e8" */ - .Box-body, .menu-item, .menu-heading, .UnderlineNav, .table-list, - .boxed-group-list>li, .diff-table tr:not(:last-child) .line-comments, - .timeline-new-comment .previewable-comment-form .comment-body, - .new-discussion-timeline .previewable-comment-form .comment-body, - .discussion-item-review-comment, .facebox .facebox-staff-links, - .facebox-header, .select-menu-header, .select-menu-divider, .merge-status-item, - .file-header, .jump-to-suggestions-results-container .navigation-item { - border-bottom: 1px solid #343434 !important; - } /* auto-generated rule for "border-bottom: 1px solid #dfe2e5" */ hr, .rule, .suggester li, .conversation-list-heading, .gollum-editor .collapsed, .gollum-editor .expanded, @@ -314,6 +304,16 @@ .wiki-rightbar .boxed-group.collapsed>h3 { border-bottom: 1px solid #484848 !important; } + /* auto-generated rule for "border-bottom: 1px solid #e1e4e8" */ + .Box-body, .menu-item, .menu-heading, .UnderlineNav, .table-list, + .boxed-group-list>li, .diff-table tr:not(:last-child) .line-comments, + .timeline-new-comment .previewable-comment-form .comment-body, + .new-discussion-timeline .previewable-comment-form .comment-body, + .discussion-item-review-comment, .facebox .facebox-staff-links, + .facebox-header, .select-menu-header, .select-menu-divider, .merge-status-item, + .file-header, .jump-to-suggestions-results-container .navigation-item { + border-bottom: 1px solid #343434 !important; + } /* auto-generated rule for "border-left: 1px solid #e1e4e8" */ .summary-stats li { border-left: 1px solid #343434 !important; @@ -334,6 +334,30 @@ .file-navigation .get-repo-btn, .user-list-item+.user-list-item { border-top: 1px solid #343434 !important; } + /* auto-generated rule for "border-bottom: 1px #e1e4e8 solid" */ + .border-bottom, .border-y, .Subhead, + body.full-width-p-0 .new-discussion-timeline, + .discussion-item-body .outdated-comment.open .file-header, .data-table td, + .data-table th, .data-table tbody tr:last-child th, + .data-table tbody tr:last-child td, .pricing-table thead th { + border-bottom: 1px solid #343434 !important; + } + /* auto-generated rule for "border-left: 1px #e1e4e8 solid" */ + .border-left { + border-left: 1px solid #343434 !important; + } + /* auto-generated rule for "border-right: 1px #e1e4e8 solid" */ + .border-right, .ScreenshotCarousel-navitem, .data-table td, .data-table th, + .plans-card-business .plans-card-text:first-child { + border-right: 1px solid #343434 !important; + } + /* auto-generated rule for "border-top: 1px #e1e4e8 solid" */ + .border-top, .border-y, .codesearch-results .repo-list-item+.repo-list-item, + .topic-list .topic-list-item+.topic-list-item, + .issue-list-item+.issue-list-item, .review-thread-reply, + .wiki-list .wiki-list-item+.wiki-list-item, .library-resource-border { + border-top: 1px solid #343434 !important; + } /* auto-generated rule for "border-bottom: 0" */ .menu-item:last-child, .menu-heading:last-child, .tabnav-tab, .border-bottom-0, .suggester li:last-child, .boxed-group>h3, .boxed-group .heading, @@ -1302,6 +1326,12 @@ border-color: rgba(255, 255, 255, .15) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, .15), 0 8px 15px rgba(0, 0, 0, .3) !important; } + .box-shadow-large { + box-shadow: 0 1px 15px #000 !important; + } + img[src*="images/modules/checks"].box-shadow-large { + box-shadow: 0 1px 15px #fff !important; + } #com hr { border-bottom: none !important; } @@ -2200,8 +2230,7 @@ g-emoji[fallback-src$="1f51c.png"], g-emoji[fallback-src$="1f51d.png"], g-emoji[fallback-src$="1f3b5.png"], g-emoji[fallback-src$="27bf.png"], g-emoji[fallback-src$="1f43e.png"], g-emoji[fallback-src$="1f43e.png"], - img[src*="resources-logo"], - svg.IconNav-img, + img[src*="resources-logo"], svg.IconNav-img, /* https://github.com/ten */ .container-xl[id] svg { filter: invert(83%) !important; @@ -2231,7 +2260,8 @@ .output_area img, div[id^="contribution-first"] img, div[id^="contribution-joined-github"] img, div[id^="contribution-created"] img, .project-preview-img img, img[src$="bg-callout.svg"], - img[data-canonical-src*="saucelabs.com/browser-matrix"] { + img[data-canonical-src*="saucelabs.com/browser-matrix"], + img[src*="images/modules/checks"] { filter: invert(90.5%) hue-rotate(180deg) saturate(200%) !important; } /* workaround filter creating a stacking context */ diff --git a/tools/generate.js b/tools/generate.js index 8ee9b74e4..ff7e55392 100755 --- a/tools/generate.js +++ b/tools/generate.js @@ -47,15 +47,20 @@ const mappings = { "border-color: #dfe2e5": "border-color: #484848", "border-bottom-color: #e36209" : "border-bottom-color: #eee", - "border-bottom: 1px solid #e1e4e8": "border-bottom: 1px solid #343434", "border-bottom: 1px solid #dfe2e5": "border-bottom: 1px solid #343434", "border-bottom: 1px solid #ddd": "border-bottom: 1px solid #484848", "border-bottom: 1px solid #d8d8d8": "border-bottom: 1px solid #484848", + "border-bottom: 1px solid #e1e4e8": "border-bottom: 1px solid #343434", "border-left: 1px solid #e1e4e8": "border-left: 1px solid #343434", "border-right: 1px solid #e1e4e8": "border-right: 1px solid #343434", "border-top: 1px solid #e1e4e8": "border-top: 1px solid #343434", + "border-bottom: 1px #e1e4e8 solid": "border-bottom: 1px solid #343434", + "border-left: 1px #e1e4e8 solid": "border-left: 1px solid #343434", + "border-right: 1px #e1e4e8 solid": "border-right: 1px solid #343434", + "border-top: 1px #e1e4e8 solid": "border-top: 1px solid #343434", + "border-bottom: 0": "border-bottom: 0", "border-left: 0": "border-left: 0", "border-right: 0": "border-right: 0",