Skip to content

nordhub by sheep

Imported and mirrored from https://github.com/sheeepdev/nordhub/raw/main/nordhub.user.css

Screenshot of nordhub

Details

Authorsheep

LicenseCC-BY-4.0

Categorygithub

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

🎨 github theme based on the nord color scheme

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         nordhub
@description  🧊 an arctic, north-bluish theme for github
@namespace    https://github.com/sheeepdev/nordhub
@homepageURL  https://github.com/sheeepdev/nordhub
@supportURL   https://github.com/sheeepdev/nordhub/issues
@author       sheep <me@sheepdev.xyz> (https://github.com/sheeepdev)
@version      2.0.0
@license      CC-BY-4.0
==/UserStyle== */

@-moz-document domain('github.com') {

:root {
    --bg: #2e3340;
    --bg-light: #3b4252;
    --bg-lighter: #434c5e; 
    --bg-lightest: #4c556a;
    --bg-transparent: #2e3340f1;
    --accent: #5e81ac;
    --accent-light: #81a1c1;
    --accent-lighter: #88c0d0;
    --accent-lightest: #8fbcbb;
    --text-color: #d8dee9;
    --white: #d4d7db;
    --green: #a3be8c;
    --orange: #d08770;    
    --red: #bf616a;
}

body {
    background: var(--bg);
    color: var(--text-color);
    min-height: 100vh;
}

.Box, .color-bg-primary, .gh-header, .orghead, .Box-row--gray {
    background: var(--bg) !important;
}

.Box--responsive, .Box-header--blue, .Box-row {
    border: none;
}

.Box-header--blue {
    background: var(--bg-light)
}

.Box.mb-3 {
    background: var(--bg-light) !important;
    border-radius: 20px !important;
    border: none;
}

.Box-header--blue {
    border-radius: 20px;
}

a {
    color: var(--accent)
}

.Header, .color-bg-secondary, .timeline-comment, .timeline-comment-header, .gh-header .gh-header-sticky.is-stuck + .gh-header-shadow, .header-search-wrapper, .jump-to-field-active, .color-bg-tertiary, .color-bg-canvas-inset, .markdown-body img, .rgh-clean-dashboard .js-news-feed-event-group, .rgh-clean-dashboard .dashboard .flex-items-baseline.py-3 {
    background: var(--bg) !important;
    color: var(--text-color);
    border: none;
}

.timeline-comment--caret::before {
    background-color: var(--bg) !important;
}

.State--open {
    background: var(--green);
    color: var(--text-color);
    border: none;
}

.gh-header-meta, .Link--secondary, .color-text-secondary, .color-text-tertiary, .UnderlineNav-octicon, .UnderlineNav-item {
    color: var(--text-color) !important;
}

.Link--secondary:hover, .social-count:hover {
    color: var(--accent) !important;
}

.jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path, .jump-to-suggestions-results-container [aria-selected="true"] .jump-to-suggestions-path {
    background: var(--accent);
    border: none;
}

.jump-to-suggestions {
    box-shadow: none;
    border-radius: 20px;
    border: none;
}

.UnderlineNav .Counter {
    background: var(--bg-lightest);
    color: var(--text-color);
}

.UnderlineNav-item.selected, .UnderlineNav-item[aria-current]:not([aria-current="false"]), .UnderlineNav-item[role="tab"][aria-selected="true"] {
    border-bottom-color: var(--accent)
}

.btn.hover, .btn:hover, [open] > .btn, .btn, .social-count {
    background: var(--bg-light);
    border: none;
}

.text-pink {
    color: var(--accent) !important;
}

.btn .octicon, .subnav-search-icon, .subnav-search-input, .subnav-search-input::placeholder {
    color: var(--text-color);
}

.SelectMenu-modal {
    border: none;
    border-radius: 20px;
    background: var(--bg-light);
    box-shadow: none;
}

.SelectMenu-item, .SelectMenu-list {
    background: var(--bg-light);
}

.menu {
    background: var(--bg-light);
    border-radius: 20px;
    border: none;
}

.menu-item, .repo-language-color {
    border: none;
}

.input-contrast, .input-contrast:focus {
    background: var(--bg-light);
    border: none;
}

.form-control.focus, .form-control:focus, .form-select.focus, .form-select:focus {
    box-shadow: none;
}

.open.octicon {
    color: var(--green)
}

.Link--primary:hover, .p-label:hover, .team-mention:hover, .user-mention:hover, .Link--muted:hover {
    color: var(--accent) !important;
}

.p-label, .repo {
    color: var(--text-color)
}

.color-border-secondary, .border-bottom, .py-3, .rgh-clean-dashboard .dashboard .js-all-activity-header + div {
    border: none !important;
}

.Link--muted {
     color: var(--text-color) !important;
}

.rgh-clean-dashboard .dashboard .flex-items-baseline .f6.mt-2 {
    opacity: 100% !important;
}

.input-contrast::placeholder {
    color: var(--text-color)
}

.f4 > a {
    color: var(--text-color)
}

.owner .text-normal, .btn-primary.disabled, .btn-primary:disabled, .btn-primary[aria-disabled="true"] {
    color: var(--text-color) !important;
}

.text-bold.min-width-0.flex-auto > span, .text-bold.min-width-0.flex-auto, .TimelineItem-badge {
    color: var(--text-color)
}

.markdown-body h1, .markdown-body h2 {
    border: none;
}

.color-text-success {
    color: var(--green) !important;
}

.discussion-timeline-actions, .page-responsive .previewable-comment-form .comment-form-head.tabnav, .tabnav-tab.selected, .tabnav-tab[aria-current]:not([aria-current="false"]), .tabnav-tab[aria-selected="true"], .timeline-comment--caret.current-user::before {
    background: var(--bg);
    border: none;
}

.TimelineItem::before, .TimelineItem-badge {
    background: var(--bg-lightest) !important;
    border: none;
}

.color-text-danger {
    color: var(--red) !important;
}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary[aria-disabled="true"] {
    background: var(--green);
    border: none;
    opacity: 70%
}

.dropdown-menu, .merge-status-item, .merge-status-list {
    background: var(--bg-light);
    border: none;
    box-shadow: none;
    border-radius: 20px;
}

.checks-list-item.selected .checks-list-item-name {
    background: var(--accent) !important;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.color-bg-success-inverse {
    background: var(--green) !important;
}

.commit-ref {
    border-radius: 10px;
    background: var(--accent)
}

.commit-ref > .css-truncate-target > a {
    color: var(--text-color)
}

.full-commit, .full-commit .commit-meta, .file {
    background: var(--bg);
    border: none;
}

.file-header, .file {
    background: var(--bg-light);
    border-radius: 20px;
}

.js-expandable-line:hover .blob-num:not(:hover) .directional-expander:first-child, .js-expandable-line:hover .blob-num:not(:hover) + .blob-code, .blob-num-expandable .directional-expander:hover, .blob-num-expandable .directional-expander, tr.js-expandable-line:nth-child(16) > td:nth-child(2), .blob-expanded .blob-code, .blob-expanded .blob-num, .btn.selected, .btn[aria-selected="true"] {
    background: var(--bg-light) !important;
}

tr.js-expandable-line:nth-child(56) > td:nth-child(2) {
    background: var(--bg-light) !important;
}

tr:not(.blob-expanded) + .blob-expanded .blob-code, tr:not(.blob-expanded) + .blob-expanded .blob-num, .blob-expanded + tr:not(.blob-expanded) .blob-code, .blob-expanded + tr:not(.blob-expanded) .blob-num {
    border: none;
}

tr.js-expandable-line:nth-child(16) {
    border-bottom-left-radius: 20px !important;
}

.js-expandable-line:hover .blob-num:not(:hover) .directional-expander:first-child, .js-expandable-line:hover .blob-num:not(:hover) + .blob-code {
    background: var(--accent) !important;
}

.blob-code-deletion .x, .blob-code-deletion, .blob-num-deletion {
    background: var(--red)
}

.blob-code-addition, .blob-code-addition .x, .blob-num-addition {
    background: var(--green)
}

.blob-num-addition, .commit-branches {
    color: var(--text-color)
}

.blob-code-inner, .blob-code-deletion .x, .blob-code-addition .x {
    color: #FFFFFF
}

.pl-smw, .pl-v {
    color: var(--accent-lightest)
}

.blob-num-deletion {
    color: var(--text-color)
}

.upload-enabled.focused {
    box-shadow: none;
}

.upload-enabled textarea {
    border: none;
}

.btn-link, .btn-outline:hover, [open] > .btn-outline, .btn-outline, [open] > .btn-outline {
    color: var(--accent);
}

.diffstat-block-added {
    outline: none;
    background: var(--green)
}

.diffstat-block-deleted {
    outline: none;
    background: var(--red);
}

.diffstat-block-neutral {
    outline: none;
    background: var(--bg-lightest)
}

a > .css-truncate, .follow-list .follow-list-info {
    color: var(--text-color); 
}

.tabnav-tab, .Counter {
    border: none;
}

.Counter {
    background: var(--bg-lightest)
}

.btn-outline.disabled, .btn-outline:disabled, .btn-outline[aria-disabled="true"], .BtnGroup > a {
    background: var(--bg-light);
    color: var(--text-color);
}

.btn-outline:disabled:hover {
    color: var(--accent)
}

.Box {
    border: none;
    box-shadow: none !important;
}

.border, .dropdown-divider {
    border: none !important;
}

#feature-enrollment-toggle > button {
    color: var(--text-color);
}

.dropdown-item:focus, .dropdown-item:hover {
    background: var(--accent)
}

.css-truncate.css-truncate-target.width-fit.color-text-primary.text-left > span:hover, .js-user-status-details.details-reset.details-overlay.details-overlay-dark:hover {
    color: var(--accent)
}

.Box-header {
    background: var(--bg-light);
    border: none;
}

.blankslate p, .blankslate-icon, .issue-meta-section .octicon, .TimelineItem--condensed .TimelineItem-badge {
    color: var(--text-color)
}

.subnav-item.selected, .subnav-item[aria-current]:not([aria-current="false"]), .subnav-item[aria-selected="true"] {
    background: var(--accent);
    border: none;
}

.merged.octicon {
    color: var(--accent-light)
}

.closed.octicon, .reverted.octicon {
    color: var(--red)
}

.js-issue-row .text-gray [aria-label*="approval"]::before, .js-issue-row .color-text-secondary [aria-label*="approval"]::before {
    color: var(--green) !important;
}

.rgh-collaborator {
    border: none !Important;
}

.State--merged, .rgh-clean-conversation-headers-non-default-branch {
    color: var(--text-color);
    background: var(--accent-light);
    border: none;
}

.signed-commit-badge.verified:hover {
    border: none;
}

.signed-commit-badge.verified, .signed-commit-verified-label, .signed-commit-header .octicon-verified {
    color: var(--green)
}

.TimelineItem-break {
    background: var(--bg);
    border: none;
}

.btn {
    border-...

Reviews

No reviews yet.