/* ==UserStyle== @name GithubDarkStyle @version 1.0.7 @description A dark theme for github @author ziyadsk @namespace https://github.com/ziyadsk @updateURL https://github.com/Ziyadsk/GithubDarkStyle/blob/master/styles/githubDarkStyle.user.css @license MIT ==/UserStyle== */ @-moz-document domain("github.com") { /* Main colors */ :root { --main-background-color: #111216; --header-background-color: #1a1e26; --box-color: #171a20; --header-link-color: #999; --header-link-hover-color: #80bcc6; --link-color: #32566c; --link-hover-color: #93b7cc; --dark-link-color: #777; --dark-link-hover-color: #aaa; --input-color: #57738229; --text-color: #ccc; --text-color-dark: #aaa; --text-color-light: #eee; --submit-button-color: #0e800d; } body { background-color: var(--main-background-color); } * { box-shadow: 0px 0px 0px 0px !important ; } main#js-pjax-container { background-color: var(--main-background-colo); color: #ccc; } main#js-pjax-container > * { background-color: var(--main-background-color) !important; } .Box { background-color: var(--box-color); border: none; } span.repo { font-size: 1.2em; } .border { border: none; } .UnderlineNav-item.selected, .UnderlineNav-item[aria-current]:not([aria-current="false"]), .UnderlineNav-item[role="tab"][aria-selected="true"] { border-bottom-color: #999; color: #ccc; } .UnderlineNav-item { color: var(--header-link-color); } .filter-list { background-color: var(--main-background-color); } .mt-4.position-sticky.top-0.d-none.d-md-block.bg-white.width-full.border-bottom { border: none !important; } f4.mb-2.text-normal { color: #ccc; } a { color: #587da7; } .btn:not(.btn-primary) { background-color: var(--box-color); color: #ccc; } .p-label, .u-email, url { color: #ccc; } .topic-tag { background-color: #1e293e; color: #ccc; } .col-12.d-flex.width-full.py-4.border-bottom.public.source { border-bottom: 0.5px solid #222 !important; } .text-normal { color: #999; } .Header { background-color: var(--main-background-color); } .border { border: 1px solid var(--box-color) !important; } .js-calendar-graph-svg, .legend { filter: invert(1) hue-rotate(288deg) brightness(1) saturate(0.3) contrast(1); } .calendar-graph rect.day[data-count="0"] { filter: url(); } .link-gray { color: var(--text-color-dark) !important; } .link-gray:hover { color: var(--link-hover-color) !important; } .link-gray-dark { color: var(--text-color) !important; } .link-gray-dark:hover { color: var(--link-hover-color) !important; } .muted-link { color: #777 !important; } .muted-link:hover { color: #cccc !important; } .pagehead, .pagehead > * { background-color: var(--main-background-color) !important; } .text-gray-dark { color: #ccc !important; } .btn:not(.btn-primary) { box-shadow: none; } .btn:hover { background-color: #32566c; color: #ccc !important; } a:hover { color: var(--link-hover-color) !important; text-decoration: none; } .dropdown-menu { background-color: var(--box-color); border: none; color: #ccc !important; box-shadow: 0px 0px 0px 0px; } .dropdown-menu:after { border-bottom-color: transparent; } a.dropdown-item { color: #ccc; } a.dropdown-item:hover { background-color: #32566c; color: #ccc !important; } .dropdown-divider { border-top: #000; } .dropdown-menu-sw:after { border-bottom-color: var(--box-color); } .social-count { background-color: #212834; box-shadow: none; color: #ccc; } .dashboard-sidebar { background-color: var(--main-background-color); margin-top: -2em; } .team-left-column { background-color: var(--main-background-color); margin-top: 0px !important ; padding-top: 1em; } .Box { background-color: var(--box-color); } .border-bottom { border-bottom: 0px !important; } .border-right { border-right: 0px !important; } .border-left { border: 0px !important; } .col-12 { background-color: #111216; margin-top: 0px !important ; } .d-flex { color: #ccc; } .Header-link { color: slategray; } .team-mention, .user-mention { color: cadetblue; } .input-block { background-color: black; border: 0px; box-shadow: none; color: #cccc; } input[type="search"], .form-control, .js-repo-name { background-color: var(--input-color) !important; border: 0px; box-shadow: none; color: #cccc; } .profile-timeline-month-heading { background-color: #000 !important; padding: 0em 2em; } .ajax-pagination-btn { background-color: #171a20 !important; border: none !important; } .js-year-link.selected { background-color: #32566c; } .js-yearly-contributions .border-lg-left { border-left: 0px !important; } .form-control.input-sm { background-color: var(--input-color); color: #ccc !important; } .repository-content { color: #999; } .Box-header { border-bottom: 0px; background-color: #1a1e26 !important ; border: none; } .Box-body { border-bottom: none !important ; } .Box-body.comment-body.markdown-body.position-relative.overflow-hidden.pt-3 { border-bottom: 0px; max-height: 400px !important; } .Box-body > div.position-absolute { background: none !important; background-color: var(--main-background-color) !important; color: red; } pre { background-color: var(--input-color) !important; padding: 1em; border-radius: 10px; } summary.text-gray-dark { font-size: 1.1em; } .body { padding-top: 1em; } .activity-overview-box { margin-top: 2em; } .activity-overview-box * { } span.tooltipped.tooltipped-s { filter: invert(1) hue-rotate(288deg) brightness(1) saturate(0.3) drop-shadow(2px 4px 6px black) contrast(1); } .bg-white { background-color: var(--box-color) !important; } .AvatarStack-body { background-color: transparent !important; } .Box-row--focus:hover { background-color: transparent !important; } .navigation-focus { background-color: transparent !important; } .UnderlineNav { box-shadow: none !important; } .breadcrumb strong.final-path { color: #999; } .markdown-body blockquote { border-left: 0.25em solid #555; } .markdown-body h1, .markdown-body h2 { border-bottom: 1px solid #333; } .border-top { border-top: none !important; } .header-nav-current-user .user-profile-link { color: inherit !important; } .blob-code-inner { color: #ccc; } .pl-pds, .pl-s, .pl-s .pl-pse .pl-s1, .pl-sr, .pl-sr .pl-cce, .pl-sr .pl-sra, .pl-sr .pl-sre { color: cadetblue; } .blob-num { color: inherit; } .blob-num:hover { color: var(--header-link-hover-color); } .pl-c1 { color: #ccc; } .pl-v { color: #888 !important ; } .pl-s { color: #86d581e3 !important; } .pl-s .pl-s1, .pl-smi { color: #86d581e3 !important; } .pl-k { color: #2dc5ff; } .pl-e, .pl-en { color: #80bcc6; } .pl-ent { color: #d97979; } .discussion-item-icon { color: #587da7; background-color: transparent; border: none; } .js-activity-overview-graph-container { filter: invert(1) hue-rotate(288deg) brightness(1) saturate(0.3) contrast(1); } .form-control { background-color: black; border: 0px; box-shadow: none; color: #cccc; } .form-control:focus { background-color: black; border: 0px; box-shadow: none; color: #cccc; } .notifications-list-item { background-color: var(--box-color); } .UnderlineNav-item.selected, .UnderlineNav-item[aria-current]:not([aria-current="false"]), .UnderlineNav-item[role="tab"][aria-selected="true"] { border-bottom: none; color: var(--header-link-hover-color); } .UnderlineNav-item:focus, .UnderlineNav-item:hover { color: var(--header-link-hover-color) !important; } .UnderlineNav-item { border-bottom: none !important ; } .bg-gray { background-color: var(--box-color) !important; } .table-list-header { border: none; background-color: var(--header-background-color); } .table-list-header-toggle .btn-link.selected, .table-list-header-toggle .btn-link.selected:hover { color: #ccc; } .table-list-header-toggle .btn-link:hover { color: var(--dark-link-hover-color); } .btn-link { color: var(--link-hover-color) !important; } .table-list-bordered { border: none; } .table-list-cell.milestone-title { border: none; border-bottom: 1px solid var(--input-color); } .table-list-cell.milestone-progress { border: none; border-bottom: 1px solid var(--input-color); } .table-list-bordered .table-list-cell:first-child { border-left: none; } .milestone-title-link a { color: var(--link-color); } .table-list-bordered .table-list-cell:last-child { border-right: none; } .Progress { background-color: var(--text-color-dark); } .dropdown-item { color: #999; } .CopyBlock:active, .CopyBlock:focus, .CopyBlock:hover { background-color: var(--input-color); } .dashboard-break-word.col-12.mr-3 { background-color: var(--box-color); } .form-control.input-sm * { color: #ccc; border: none !important ; } .flash { background-color: transparent; color: #ccc; border: none; } table { background-color: transparent !important; } tr { background-color: transparent !important; } th, td:not(.markdown-body th, td) { padding: 0.3em 1em; border: 1px solid #999 !important; } .BorderGrid-cell { border: none; } .markdown-body img { background-color: transparent !important; border-radius: 10px; } .user-status-circle-badge { background-color: var(--box-color); border: none; } .commit-message .issue-link { color: #80bcc6; } .commit-message .issue-link:hover { color: #2dc5ff !important; } .IssueLabel:hover { background-color: var(--box-color) !important; } .markdown-body pre { font-family: monospace; } nav.menu { background-color: var(--box-color); color: #ccc !important; } nav.menu .menu-item { color: #ccc !important; border: none; } nav.menu .menu-item:hover { color: #ccc !important; border: none; background-color: var(--input-color); } .menu-item:focus, .menu-item:hover { background-color: var(--input-color); } a[data-hydro-click] { font-size: 1em; } img.avatar-user { height: 2em; width: 2em; margin-right: 0.5em; } .user-list-item + .user-list-item { border: none !important; padding: 1em; } .user-list-item .text-normal { font-size: 1.2em !important; } .menu-item.selected { border-left-color: red !important; } .repo-list-item { border: none !important; } span[itemprop="programmingLanguage"] { color: #aaa; } .profile-rollup-wrapper + .profile-rollup-wrapper, .profile-rollup-summarized + .profile-rollup-summarized { border-top: 1px solid var(--box-color); } .profile-rollup-summarized + .profile-rollup-summarized { border-top: 1px solid #000 !important; } .profile-timeline-card-wrapper { border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .ajax-pagination-form .ajax-pagination-btn { color: inherit; } .SelectMenu-modal { background-color: var(--box-color); border: none; box-shadow: 0px 0px 0px 0px; } .SelectMenu-header { border-bottom: 1px solid #333; } .SelectMenu-item { border: none; color: #ccc; background-color: var(--box-color); } .SelectMenu-item[aria-checked="true"] { color: inherit; } .SelectMenu-list, .SelectMenu-message { background-color: transparent; border: none; padding: 2em 0em; } .SelectMenu-tab[aria-selected="true"] { z-index: 1; color: var(--text-color); border-radius: 10px; cursor: default; background-color: var(--link-color); box-shadow: 0 0 0 1px #eaecef; border: none; } .SelectMenu-tab:hover { color: var(--text-color); } .tabnav-tab.selected, .tabnav-tab[aria-current]:not([aria-current="false"]), .tabnav-tab[aria-selected="true"] { background-color: var(--link-color); color: #ccc; border: none; border-radius: 0.5em; } .tabnav { border: none; margin-bottom: 1em; } .SelectMenu-item:hover { color: #000; background-color: var(--input-color); } .blob-code { background-color: var(--input-color); } .blob-num.blob-num-context.js-linkable-line-number { background-color: var(--input-color); } .blob-code-inner.highlighted, .blob-code-inner .highlighted { background-color: var(--main-background-color); } .tabnav-tab { color: #ccc; } .SelectMenu-filter { border-bottom: none; } .SelectMenu-footer { border-top: none; } highlight { font-family: monospace !important; } .subnav-item { color: #ccc; border: none; } .gh-header { background-color: transparent; } .Subhead { border-bottom: none; } hr { background-color: var(--input-color); color: transparent !important; height: 0.3px; border: none; } .markdown-body hr { height: 0.1em; } .profile-rollup-wrapper .progress-bar { filter: invert(20) opacity(0.7) hue-rotate(290deg) grayscale(1); } .col-12 { background-color: var(--main-background-color); } .copyable-terminal { background-color: transparent; } .Box-row { border-top: none; } .timeline-comment.current-user .timeline-comment-header { background-color: var(--box-color); border: none !important; } .discussion-timeline-actions { background-color: var(--main-background-color); border-top: none; } .gh-header-shadow { background-color: var(--main-background-color); color: #ccc; } .comment-body { background-color: var(--main-background-color); border-top: none; border-radius: 0px 0px 10px 10px; border: 1px solid var(--dark-link-color); padding: 1em; } .comment-body.markdown-body.soft-wrap.js-comment-body { padding: 2em; border-radius: 5px; margin-top: 1em; } .edit-comment-hide { opacity: 1; color: #ccc; } .timeline-comment { border: none; } .timeline-comment { background-color: var(--box-color); border-bottom: none; color: #ddd; border: 1px solid var(--input-color); } .timeline-comment-header { border: 1px solid var(--dark-link-color); border-bottom: none; background-color: var(--input-color); } .TimelineItem { align-items: baseline; color: var(--text-color); } .TimelineItem-badge { background-color: var(--main-background-color); color: var(--link-hover-color); border: 1px solid var(--link-hover-color); } .TimelineItem-body { color: var(--header-link-hover); } .TimelineItem-body a.link-gray-dark { color: var(--link-hover-color) !important; } .TimelineItem--condensed .TimelineItem-badge { margin-bottom: 8px; color: #959da5; background-color: var(--main-background-color); padding: 0.3em !important; height: 32px; border: 1px solid; margin-right: 1em; } .TimelineItem:before { background-color: slategray; } .gh-header-meta { border-bottom: none; } .timeline-comment--caret:before { border-left-color: var(--main-background-color); } .gh-header-shadow.box-shadow.js-notification-shelf-offset-top { background-color: var(--box-color) !important; } .js-sticky.js-sticky-offset-scroll.top-0.gh-header-sticky.is-stuck { background-color: var(--box-color) !important ; } .js-sticky-offset-scroll top-0 gh-header-sticky is-placeholder { background-color: #000 !important ; } .branch-action-body { border: none !important; padding: 1em; background-color: var(--header-background-color); } .branch-action-body .merge-branch-form, .branch-action-body .merge-message { background-color: #000 !important ; border: none !important; } .previewable-comment-form .comment-form-head.tabnav { background-color: var(--box-color) !important; } .discussion-sidebar-item + .discussion-sidebar-item { border-top: #000; } .discussion-sidebar-heading { color: #ccc; } .thread-subscription-status { background-color: var(--box-color); padding: 1em; } .drag-and-drop { background-color: var(--box-color); } .border-0 { border: none !important; } .timeline-comment-wrapper { border: none; } .comment-form-head { border: none !important; } .bg-gray-light { background-color: var(--box-color) !important; } .bg-gray-light.pt-3.hide-full-screen.mb-5 { background-color: var(--main-background-color) !important; } .Popover-message { box-shadow: 0px 0px 0px 0px !important; background-color: var(--header-background-color); padding: 0.5em 0em; border: 1px solid; } .box-shadow--large { box-shadow: 0px 0px 0px 0px !important; } .page-responsive .timeline-comment--caret:after, .page-responsive .timeline-comment--caret:before { background-color: transparent; } .branch-action-item { background-color: var(--box-color); border: none; } .tabnav-pr .tabnav-tab.selected { color: white; } .tabnav-pr .tabnav-tab { color: var(--text-color); } .pagination .current, .pagination .current:hover, .pagination [aria-current]:not([aria-current="false"]) { background-color: #32566c; } .pagination .next_page, .pagination .previous_page { color: #32566c; border: none; } .pagination:hover, .next_page:hover, .pagination:hover, .previous_page:hover { color: #80bcc6; } .summary-stats li .num { color: #ccc; } .summary-stats li { padding-bottom: 2em; border-left-color: #000; } .menu { border: none; } #commit-activity-master > svg { border-radius: 10px; filter: invert(1) hue-rotate(288deg) brightness(1) saturate(0.3) contrast(1); } #commit-activity-detail > svg { border-radius: 10px; filter: invert(1) hue-rotate(288deg) brightness(1) saturate(0.3) contrast(1); } .pagination-loader-container { background-color: var(--box-color); } .SideNav { background-color: var(--box-color); } .SideNav-item[aria-current]:not([aria-current="false"]), .SideNav-item[aria-selected="true"] { background-color: var(--box-color); } .SideNav-item { border: none !important; } .SideNav-item:hover { color: #80bcc6; background-color: var(--box-color); } .application-main > main > div { background-color: var(--main-background-color) !important; } .application-main > main > div { color: var(--text-color) !important; } .pagehead.bg-gray-light { background-color: transparent !important; } .js-repo-nav[aria-label="Repository"] { background-color: transparent !important; } .filter-item:hover { background-color: var(--box-color); } .topic-tag-link:hover { background-color: var(--box-color); } .upload-enabled { border: 1px solid var(--text-color); } .tint-box.graph-canvas { background-color: var(--box-color) !important; } .capped-card-content { background-color: transparent; } .timeline-comment.current-user { border-color: none !important; } .notifications-list-item:hover { background-color: var(--input-color) !important; } .btn-mktg.px-3.py-2 { background-color: var(--link-color) !important; border: none; } .subnav-link.selected { color: var(--header-link-color-hover) !important; } .tabnav-tabs { background-color: var(--header-background-color); } .select-menu-item { background-color: var(--box-color) !important ; opacity: 1 !important; border: none !important ; padding: 0.5em 2em; } .select-menu-item:hover { background-color: var(--link-color) !important; } .select-menu-filters, .select-menu-header { background-color: var(--box-color); } .select-menu-modal { border: none; } .select-menu-item.selected, details-menu .select-menu-item[aria-checked="true"], details-menu .select-menu-item[aria-selected="true"] { color: var(--text-color-light); } .select-menu-title { color: var(--text-color) !important; } .filter-item.selected, .filter-item[aria-current]:not([aria-current="false"]), .filter-item[aria-selected="true"] { background-color: var(--link-color); } .repo-actions-hero { display: none !important ; } .btn-primary.disabled, .btn-primary:disabled, .btn-primary[aria-disabled="true"] { background-color: var(--submit-button-color) !important; cursor: pointer; } .subnav-item.selected, .subnav-item[aria-current]:not([aria-current="false"]), .subnav-item[aria-selected="true"] { color: var(--text-color); background-color: var(--link-color); border-radius: 1em; } .subnav-item:focus, .subnav-item:hover { background-color: transparent; } .diffbar { background-color: transparent; } .file-diff-split .empty-cell { color: #000; } .pr-toolbar.is-stuck { background-color: var(--box-color); } .merge-status-item { background-color: var(--box-color); border-color: var(--dark-link-color); } .text-emphasized { color: var(--text-color); } .markdown-body code { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: var(--input-color); border-radius: 6px; color: var(--text-color-dark); border: 1px solid var(--input-color); } .TimelineItem-break { border: none; background-color: var(--main-background-color); } .notifications-list-item.notification-unread { background-color: var(--input-color); } .profile-timeline-year-list { background-color: var(--main-background-color) !important; } .commit-ref { background-color: var(--link-color); padding: 0em 1em; } .commit-ref a { color: var(--text-color); } .css-truncate.css-truncate-target, .css-truncate .css-truncate-target { /* will break another page */ /*color: var(--text-color-light) ;*/ } .gh-header-meta .TableObject-item--primary { display: inline-block; color: var(--text-color) !important; } .base-ref { background-color: var(--link-color); color: var(--text-color); color: var(--text-color); } .blob-code-addition { background-color: #184b26; } .blob-num-addition { background-color: #184b26; } .blob-code-deletion { background-color: #763a41; } .blob-num-deletion { background-color: #763a41; } .blob-code-hunk { padding-top: 4px; padding-bottom: 4px; background-color: var(--main-background-color); border-width: 1px 0; color: var(--text-color-dark); } .blob-num.non-expandable { cursor: default; background-color: var(--main-background-color); } .inline-comment-form-container.inline-comment-form-actions, .inline-comment-form-container.open.inline-comment-form { background-color: var(--box-color); } .file-header { padding: 5px 10px; background-color: var(--header-background-color); border-top-left-radius: 6px; border-top-right-radius: 6px; border: none; } .file-header a { color: var(--text-color-light) !important; } .review-comment.comment-body { padding: 1em; } .inline-comment-form-container .inline-comment-form-actions, .inline-comment-form-container.open .inline-comment-form { background-color: var(--box-color); } .review-thread-reply { background-color: var(--box-color); } .js-milestone-issues-container { background-color: var(--box-color); } .menu-item.selected:before, .menu-item[aria-current]:not([aria-current="false"]):before, .menu-item[aria-selected="true"]:before { background-color: var(--link-color); } .comment-reactions-options .reaction-summary-item:first-child { background-color: var(---input-color); color: var(--link-color-hover); border: none; } .Popover-message--bottom-left:after, .Popover-message--bottom-right:after, .Popover-message--bottom:after { border-top-color: var(--box-color) !important; } .full-commit { background-color: var(--header-background-color); color: var(--text-color); } .full-commit p.commit-title { color: var(--text-color); } .full-commit .commit-meta { background-color: var(--header-background-color); } .text-blue { color: var(--link-color) !important; } .file-diff-split .blob-code-inner { background-color: var(--input-color); } .blob-expanded .blob-code, .blob-expanded .blob-num { background-color: var(--input-color); } .blob-num-expandable, .blob-num-hunk { background-color: var(--box-color); } .file-diff-split .empty-cell { background-color: var(--link-dark-color); } .js-reviewed-toggle.ml-2.mr-1.px-2.py-1.rounded-1.f6.text-normal.d-flex.flex-items-center.border.js-reviewed-file.bg-blue-2.border-blue-light { background-color: var(--link-color) !important; } .js-file-filter-form { background-color: var(--box-color); } .sidebar-notifications .thread-subscription-status { padding: 1em; } .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: var(--header-background-color); border: 1px solid var(--box-color); } .Box-row--hover-gray:hover { background-color: var(--input-color); } div[data-target="get-repo.modal"] { background-color: var(--box-color); border-radius: 10px; border: 1px solid var(--input-color); } .tree-browser-result[aria-selected="true"] { background-color: var(--box-color) !important ; } .tree-browser-result[aria-selected="true"] .octicon-chevron-right { color: var(--text-color); } .commit-group-title .octicon-git-commit { color: var(--text-color); padding: 0em; background-color: transparent; margin-left: 0px; position: relative; left: -0.5px; } .commits-listing:before { background-color: var(--input-color); } .commit .commit-title .issue-link { color: var(--dark-link-hover-color); } .commit .commit-title, .commit .commit-title a { color: var(--text-color-dark); } .col-12.col-lg-6.d-flex.flex-column.pr-lg-5 { padding: 1em; border-radius: 10px; } tab-container { border: 1px solid var(--input-color); } }