/* ==UserStyle== @name GitHub Black @namespace github.com/openstyles/stylus @version 1.0.3 @homepageURL https://github.com/xt0rted/GitHub-Black @updateURL https://raw.githubusercontent.com/xt0rted/GitHub-Black/master/GitHub-Black.user.css @license CC-BY-SA-4.0 @author xt0rted ==/UserStyle== */ @-moz-document domain("github.com"), domain("raw.githubusercontent.com") { :root { --ghb-bg-color: #000; --ghb-bg-overlay-color: rgba(24, 24, 24, .4); --ghb-bg-input-color: #0a0a0a; } body, body.bg-gray { background: var(--ghb-bg-color) !important; } /* forms */ input[type="checkbox"], input[type="checkbox"]:disabled, input[type="checkbox"]:focus, input[type="checkbox"]:hover:active, input[type="checkbox"]:hover:disabled, input[type="checkbox"]:hover:active:disabled, input[type="radio"], input[type="radio"]:focus, input[type="radio"]:hover:active { background-color: var(--ghb-bg-input-color) !important; } .form-control, .form-select { background-color: var(--ghb-bg-input-color) !important; } .form-group .form-control { background-color: var(--ghb-bg-input-color) !important; } .form-group .form-control:focus { background-color: var(--ghb-bg-input-color) !important; } .input-contrast, .input-contrast:focus { background-color: var(--ghb-bg-input-color) !important; } /* left column layouts */ .team-left-column.bg-white, .checks-list-item, .MarketplaceEdit-body > .bg-gray-light { background-color: var(--ghb-bg-overlay-color) !important; } /* tabs */ .pagehead-tabs-item.selected, /* org tabs */ .reponav-item.selected, .tabnav-tab.selected { background-color: var(--ghb-bg-color) !important; border-bottom-color: var(--ghb-bg-color) !important; } .tabnav-pr .tabnav-tab.selected { background-color: var(--ghb-bg-color) !important; } /* actions workflows pages */ .CheckRun, .CheckRun-header, section[aria-label="Check run summary"] { background-color: var(--ghb-bg-color) !important; } .TimelineItem-break, .TimelineItem--condensed .TimelineItem-badge, .tabnav-pr .tabnav-tab.selected, .profile-timeline-month-heading.bg-white, .commits-listing .octicon-git-commit, .conversation-list-heading .inner { background-color: var(--ghb-bg-color) !important; } .TimelineItem-badge { border-color: var(--ghb-bg-color) !important; } } @-moz-document domain("support.github.com") { #search-results { background: var(--ghb-bg-color) !important; } }