github-classic.user.css

/* ==UserStyle==
@name         GitHub Classic
@namespace    https://github.com/lah7/github-classic-css
@homepageURL  https://github.com/lah7/github-classic-css
@version      2026.10.22
@license      Other
@description  Bring back aesthetics from the classic GitHub interface.
@author       lah7
@preprocessor uso
==/UserStyle== */
/********************************************************************
 * Designed for logged in user and dark mode only!
 * Logged out and light experience may vary.
********************************************************************/
@-moz-document domain("github.com") {
    /* Create a separate style to set your preferred colour here */
    :root {
        --color-primer-border-active: #58a6ff !important;
        --underlineNav-borderColor-active: #58a6ff !important;

        --fontStack-sansSerif: sans-serif;
        --monospace-font: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    }

    /************************************************
    * Top Navigation
    ************************************************/
    nav[aria-label="Repository"] * {
        overflow: visible !important;
    }

    ul[class^="prc-UnderlineNav-ItemsList"] {
        gap: 4px;
        margin-left: 4px;
        overflow: visible;
    }

    /* Always show icons */
    ul[class^="prc-UnderlineNav-ItemsList"] span[data-component="icon"] {
        display: inline-flex;
    }

    /* Highlight the selected page in the navigation tabs */
    a[class^="prc-components-UnderlineItem"]::after {
        display: none;
        content: unset;
    }

    a[class^="prc-components-UnderlineItem"] {
        border: 1px solid transparent;
        border-top-width: 3px;
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 8px;
        padding-bottom: 12px;
        height: 40px;
    }

    a[class^="prc-components-UnderlineItem"][aria-current="page"] {
        background: var(--bgColor-default);
        border-color: var(--fgColor-accent);
    }

    a[class^="prc-components-UnderlineItem"][data-component="icon"] {
        margin-inline-end: 0.4rem;
    }

    /* Remove border on top-left app header menu button */
    div[data-testid="top-nav-left"] button[class*="styles-module__appHeaderButton"] {
        border-color: transparent !important;
    }

    /* A regression we introduced - scroll bar for the row of tabs */
    nav[class*="LocalNavigation-module__LocalNavigation"] {
        overflow: hidden;
    }


    /************************************************
    * General & Buttons
    ************************************************/
    /* Restore square avatars, remove circular avatars */
    .avatar-user,
    .circle,
    .pc-AvatarItem,
    img[data-testid="github-avatar"] {
        border-radius: 2px !important;
    }

    /* Classic buttons (legacy) */
    body .btn.hover,
    body .btn:hover {
        transition: none;
    }

    body .btn {
        border: 1px solid rgba(27,31,35,0.2);
    }

    body .btn:hover {
        border-color: rgba(27,31,35,0.35);
    }

    body .btn:active {
        border-color: rgba(27,31,35,0.35);
        box-shadow: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    }

    button[data-variant="primary"],
    a[data-variant="primary"] {
        background: linear-gradient(-180deg, #28a745 0%, #238636 90%);
    }

    button[data-variant="primary"]:hover,
    a[data-variant="primary"]:hover {
        background: linear-gradient(-180deg, #269f42 0%, #238636 90%);
        border-color: rgba(27,31,35,0.5);
    }

    button[data-variant="primary"]:active,
    a[data-variant="primary"]:active {
        background: #279f43;
        border-color: rgba(27,31,35,0.5);
        box-shadow: inset 0 0.15em 0.3em rgba(27,31,35,0.15);
    }

    .btn-sm .octicon {
        vertical-align: middle;
    }

    /* Remove borders on regular buttons, dark only */
    @media (prefers-color-scheme: dark) {
        a[data-variant="default"],
        button[data-variant="default"][data-component="IconButton"], /* Drop down caret, e.g. "Close issue" */
        button[data-variant="default"]:not([data-component="IconButton"]):not(.TabNav-item) {
            border-color: transparent !important;
        }

        button[data-variant="default"][data-component="IconButton"] {
            border-left: 1px solid var(--bgColor-neutral-muted) !important;
        }
    }

    /* Fix misaligned arrow on base/compare dropdown buttons */
    .select-menu-button::after {
        margin-top: 5px;
    }


    /************************************************
    * Code tab
    *   github.com/<org>/<repo>
    ************************************************/
    .IssueLabel,
    .Label, /* e.g. "Public" label next to repository name */
    .signed-commit-badge {
        border-radius: 2px !important;
    }

    .f3 {
        font-size: 18px !important;
    }

    /* Vertically center align the repository title */
    #repository-container-header .width-fit {
        display: flex;
    }

    #repository-container-header #repo-title-component {
        margin: auto 0;
    }

    /* Increase size of repository icon */
    #repo-title-component .avatar {
        height: 32px;
        width: 32px;
    }

    #repo-title-component strong {
        margin: auto;
    }

    /* Hide border on "Sponsor" button to match pagehead actions */
    #repository-container-header button {
        border: none;
    }

    /* Pagehead Actions - Watch, Star, Fork pills */
    .pagehead-actions .btn,
    .pagehead-actions react-partial button {
        display: inline-flex;
        padding: 4px 8px;
        overflow: hidden;
    }

    .pagehead-actions react-partial button { /* Watch */
        border-color: transparent;
        padding: 14px 8px !important;
    }

    @media (prefers-color-scheme: light) {
        .pagehead-actions li {
            border-radius: 5px;
            border: 1px solid var(--borderColor-muted, #30363d);
        }
    }

    .pagehead-actions .btn .octicon {
        margin-right: 4px !important;
    }

    .pagehead-actions .btn .Counter,
    .pagehead-actions react-partial button .Counter {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-radius: 0 !important;
        display: inline-block;
        padding: 1px 9px;
        margin: -5px 7px;
        line-height: 26px;
        vertical-align: middle;
    }

    #repository-container-header details.details-overlay summary.btn { /* Drop down next to Fork/Star */
        border: none !important;
        padding: 6px 3px !important;
    }

    details[id^="my-forks-menu"] summary.btn { /* Fork */
        padding: 6px 4px !important;
    }

    #fork-button {
        border: none;
    }

    .pagehead-actions .btn .Counter:last-of-type,
    .pagehead-actions react-partial button .Counter {
        margin-right: -8px;
        padding-right: 10px;
        border-top-right-radius: 20%;
        border-bottom-right-radius: 20%;
    }

    .pagehead-actions .starred .btn .Counter, /* Stars */
    .pagehead-actions .unstarred .btn .Counter {
        padding-right: 8px !important;
        border-radius: 0 !important;
    }

    .pagehead-actions react-partial button span[data-component="trailingAction"] { /* Watching */
        padding-left: 8px !important;
    }

    .pagehead-actions .btn .dropdown-caret {
        margin: auto 2px;
    }

    .pagehead-actions form + details {
        display: flex !important;
        margin: 0;
    }

    .pagehead-actions form + details > .btn-sm {
        display: flex;
        padding: 6px 4px !important;
    }

    .pagehead-actions form + details > .btn-sm svg {
        margin: auto !important;
    }

    /* Put starred second, not last */
    .pagehead-actions {
        display: inline-flex !important;
    }

    /* Restore extended latest commit */
    div[data-testid="latest-commit-details"] * {
        font-size: 14px;
    }

    .extended-commit-description-container, /* Commits page */
    .border-top span[data-testid="latest-commit-html"] { /* Latest via Code tab */
        font-family: var(--monospace-font) !important;
        font-size: 12px;
        font-weight: 400;
        margin-top: auto;
    }

    .extended-commit-description-container a {
        font-size: 12px !important;
        font-weight: 400 !important;
    }

    .bgColor-muted.border-top {
        border-top: none !important;
        padding-top: 0 !important;
        padding-left: 36px !important;
    }

    span[data-testid="latest-commit-html"] a {
        color: var(--fgColor-default) !important;
    }

    h2[data-testid="screen-reader-heading"] ~ a,
    h2[data-testid="screen-reader-heading"] ~ a path { /* Latest: X commits */
        color: var(--fgColor-default) !important;
        fill: var(--fgColor-default) !important;
        font-size: 13px !important;
        font-weight: bold;
        text-transform: lowercase;
    }


    /************************************************
    * File Listing
    *   github.com/<org>/<repo>/*
    *   github.com/<org>/<repo>/tree/master/*
    ************************************************/
    .react-directory-filename-column a {
        color: var(--fgColor-link) !important;
    }

    .react-directory-row,
    .react-directory-filename-column {
        height: 34px;
    }


    /************************************************
    * Commit List
    *   github.com/<org>/<repo>/commits
    ************************************************/
    /* Restore commit title and author link */
    div[data-testid="latest-commit"] a {
        font-weight: 400;
    }

    a[data-testid="avatar-icon-link"] + a,
    a[aria-label^="commits by"] {
        color: var(--fgColor-default);
        font-weight: 600 !important;
    }

    div[data-testid="latest-commit"] a.issue-link,
    ul[data-listview-component="items-list"] a.issue-link {
        color: var(--fgColor-accent, var(--color-accent-fg)) !important;
        font-weight: 500;
    }

    ul[data-listview-component="items-list"] h4 a,
    li[data-testid="commit-row-item"] .markdown-title,
    div[data-testid="list-view-item-title-container"] a {
        font-size: 14px;
        font-weight: 600;
    }

    li[data-testid="commit-row-item"] button[data-variant="default"][data-component="IconButton"] {
        border-left: none !important;
    }

    button[data-testid="commit-row-show-description-button"] {
        margin: -8px;
    }

    /* GH bug: When multiple attributors, fix the width */
    span[class*="pc-AvatarStack--variant"] {
        min-width: unset;
        width: 25px;
    }

    /* Restore show/hide toggle for extended commit */
    button[data-testid="commit-row-show-description-button"] .octicon {
        display: none !important;
    }

    button[data-testid="commit-row-show-description-button"]::after {
        content: "...";
        margin: auto;
        padding: 0 5px 5px;
        font-size: 12px;
        font-weight: 600;
        line-height: 8px;
        color: var(--fgColor-default, var(--color-fg-default));
        text-decoration: none;
        vertical-align: middle;
        background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
        border: 0;
        border-radius: 1px;
    }

    /* Right metadata buttons */
    .mb-3 button[data-testid="commit-row-show-description-button"] {
        height: 12px;
    }

    li[data-testid="commit-row-item"] button { /* Verified commit */
        border-radius: 2px !important;
    }

    .mb-3 .Button-label.color-fg-muted { /* Commit SHA1 */
        color: var(--fgColor-default) !important;
        font-weight: 500;
    }

    span[aria-label="View commit details"] a {
        font-family: var(--monospace-font) !important;
    }


    /************************************************
    * Issues/Pull Requests (Legacy)
    *   github.com/<org>/<repo>/pulls
    ************************************************/
    .js-active-navigation-container .js-issue-row {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .btn-sm .octicon {
        margin: auto 2px;
    }

    .discussion-topic-header label {  /* "Add a title" */
        display: none;
    }

    .discussion-topic-header {
        margin-bottom: 12px !important;
    }


    /************************************************
    * "New" Issues Experience
    *   github.com/<org>/<repo>/issues
    ************************************************/
    /* Remove "Add a title" and "Add a description" labels */
    div[class*="IssueCreatePageContainer"] legend,
    div[class*="IssueCreatePageContainer"] label {
        display: none;
    }

    /* Restore avatars on the left side */
    #issue-timeline {
        margin-left: 64px !important;
    }

    div[class*="headerRow__"] {
        margin-left: 64px;
    }

    div[class*="IssueBodyHeaderContainer__"],
    div[class*="activityHeader__"],
    div[class*="avatarContainer__"],
    div[class*="AvatarContainer__"] {
        overflow: visible;
    }

    /* Zero height so the 40px avatar doesn't stretch the header */
    div[class*="IssueContent"] div[class*="avatarContainer__"],
    div[class*="IssueContent"] div[class*="AvatarContainer__"] {
        flex: none;
        height: 0;
        align-self: flex-start;
    }

    div[class*="IssueBodyHeaderContainer__"] {
        padding: 4px 8px !important;
    }

    div[data-testid="comment-header"] {
        padding: 4px 8px 4px 16px !important;
    }

    div[data-testid="comment-header"] div[class*="AvatarContainer__"] {
        margin: 0 !important;
    }

    div[data-testid="comment-header"] div[class*="narrowViewportWrapper__"] {
        align-self: center;
    }

    div[class*="IssueBodyHeaderContainer__"] img[data-component="Avatar"],
    div[data-testid="comment-header"] img[data-component="Avatar"] {
        margin-left: -68px;
        margin-top: -4px;
        height: 40px;
        width: 40px;
        min-width: 40px;
        max-width: none;
        flex: none;
    }

    div[data-testid="comment-header"] img[data-component="Avatar"] {
        margin-left: -76px;
    }

    /* Timeline events: line and icons align with the avatar column */
    li[class*="Timeline_Item__"] {
        margin-left: 15px !important;
    }

    div[class*="Box_inlineAvatars__"] > div:first-child { /* Connector between comments */
        position: relative;
        left: -5px;
    }

    /* Square, regular labels everywhere (timeline events, issue and PR lists) */
    span[class*="IssueLabelToken__"],
    span[class*="IssueLabelToken__"] * {
        border-radius: 2px;
        font-weight: 400;
    }

    /* Avatar for new issues page */
    img[class^="IssueCreatePage-module__avatar"] {
        height: 40px;
        width: 40px;
    }

    /* Fix font size next to "Open" or "Closed" in header for issues with an associated pull request */
    div[data-testid="issue-metadata-fixed"] span {
        font-size: 14px;
    }

    /* Hide "Create new issue", "Add a title" and "Add a description" for new issues - expanded view */
    label[class^="CreateIssueFormTitle-module__formControl"],
    #issue-create-pane-title,
    legend[class*="Label-module__inputLabel"],
    h2#issue-create-pane-title {
        display: none;
    }

    /* ... instead, the issue template (if present) is the title */
    /* github.com/org/repo/issues/new */
    div[data-testid="issue-create-pane-container"] > div {
        margin: 0 !important;
        margin-top: -4px !important;
        position: relative !important;
        top: 0 !important;
    }

    h2#issue-create-pane-title + div {
        margin: 6px 2px 18px !important;
    }

    h2#issue-create-pane-title + div span {
        /* github.com/org/repo/issues/new/?template= */
        font-size: 16px;
        font-weight: bold;
        color: var(--fgColor-default) !important;
    }

    /* Enlarge the issue title field */
    div[class^="CreateIssueFormTitle-module"] input {
        height: 36px;
    }

    /* Fix sidebar spacing for new issues (expanded) as it's inconsistent with regular issues */
    div[class^="IssueCreatePage-module__createPane"] div[data-testid="sidebar-section"] {
        margin-bottom: 6px;
    }

    /* Restore sidebar button text size/icon colour */
    div[data-testid="sidebar-section"] button[data-size="medium"][data-variant="default"] span,
    div[data-testid="sidebar-section"] a[type="button"][data-variant="default"] span {
        font-size: 13px;
    }

    div[data-testid="sidebar-section"] button[data-size="medium"] svg path,
    div[data-testid="sidebar-section"] a[type="button"] svg path {
        fill: var(--button-default-fgColor-rest,var(--color-btn-text)) !important;
    }

    /* Restore action buttons at the bottom of the sidebar */
    ul[class*="ActionList-ActionList"] li:not([data-variant="danger"]) button svg path {
        fill: var(--button-default-fgColor-rest,var(--color-btn-text)) !important;
    }

    ul[class*="ActionList-ActionList"] li button span[class*="ActionList-ItemLabel"] {
        font-weight: 600;
    }

    /* Fix the spacing between sidebar items (Assignees, Labels, Type, Projects, etc) */
    div[data-testid="sidebar-assignees-section"] {
        margin-bottom: 12px;
    }

    /* Other sections have less top spacing than Labels */
    div[data-testid="sidebar-types-section"],
    div[data-testid="sidebar-projects-section"],
    div[data-testid="sidebar-milestones-section"],
    div[data-testid="sidebar-relationships-section"],
    div[data-testid="sidebar-development-section"] {
        padding-top: 4px;
    }

    /* Position "Last edited by <username>" back to "• edited by <username>" on the left again */
    div[class*="activityHeader__"] > div[class*="actionsWrapper__"] {
        flex: 1;
        justify-content: flex-start;
    }

    div[class*="actionsWrapper__"] > div[class*="editsSection__"],
    div[class*="ActionsContainer__"] > div[class*="EditsContainer__"] {
        flex: none;
        margin-right: auto;
        justify-content: flex-start;
    }

    span[class*="lastEditInfoContainer__"] {
        font-size: 0;
    }

    span[class*="lastEditInfoContainer__"]::before {
        content: "• edited by ";
        font-size: 14px;
    }

    span[class*="editorLogin__"] {
        font-size: 14px;
    }


    /************************************************
     * Issues & Pull Requests: Open/Closed filters
     *   github.com/<org>/<repo>/issues
     *   github.com/<org>/<repo>/pulls
     ************************************************/
    /* "[icon] 6 Open" - counter back on the left, like classic GitHub */
    a[class*="container__"]:has(> div[class*="title__"] + span[class*="count__"]) {
        display: flex;
        flex-direction: row-reverse;
    }

    a[class*="container__"] > span[class*="count__"] {
        background: transparent;
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        padding: 0;
        margin: 0 3px 0 0;
        min-width: unset;
    }

    /* Icons at https://github.com/primer/octicons/tree/main/icons */
    a[class*="container__"]:has(> div[class*="title__"] + span[class*="count__"])::after {
        content: " ";
        height: 16px;
        width: 16px;
        margin-right: 6px;
        background-image: url(https://raw.githubusercontent.com/primer/octicons/refs/heads/main/icons/issue-opened-16.svg);
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        filter: invert(0.5);
    }

    a[class*="container__"][href*="pulls"]:has(> div[class*="title__"] + span[class*="count__"])::after {
        background-image: url(https://raw.githubusercontent.com/primer/octicons/refs/heads/main/icons/git-pull-request-16.svg);
    }

    li:nth-child(2) > a[class*="container__"]:has(> div[class*="title__"] + span[class*="count__"])::after,
    li:last-child > a[class*="container__"]:has(> div[class*="title__"] + span[class*="count__"])::after,
    a[class*="container__"][href*="state%3Aclosed"]:has(> div[class*="title__"] + span[class*="count__"])::after {
        background-image: url(https://raw.githubusercontent.com/primer/octicons/refs/heads/main/icons/check-16.svg);
    }

    @media (prefers-color-scheme: dark) {
        a[class*="container__"][class*="selected__"]:has(> div[class*="title__"] + span[class*="count__"])::after {
            filter: invert(1);
        }
    }


    /************************************************
    * Watchers
    *   github.com/<org>/<repo>/watchers
    ************************************************/
    /* Restore larger avatars on watchers/stars */
    .flex-wrap.gutter .avatar-user {
        height: auto;
        width: 70px;
    }


    /************************************************
    * Commit Details
    *   github.com/<org>/<repo>/commit/<sha>
    ************************************************/
    /* Commit titles were not mono! */
    div[class^="CommitHeader-module__commitMessageContainer"] > span:first-child div {
        font-family: sans-serif;
        font-size: 16px;
        font-weight: bold;
    }

    /* Commit details: Smaller commit description, like in commit list */
    div[data-component="TitleArea"] ~ div .extended-commit-description-container {
        font-size: 13px !important;
    }

    /* Commit details: Bold tag links */
    div[data-component="TitleArea"] ~ div .flex-items-center a {
        font-weight: 500 !important;
    }

    div[data-component="TitleArea"] ~ div .flex-items-center a + a {
        margin-left: 2px !important;
    }

    div[data-component="TitleArea"] ~ div .flex-items-center svg {
        margin-right: 2px !important;
    }


    /************************************************
    * Issues tab / Milestones
    *   github.com/<org>/<repo>/issues
    *   github.com/<org>/<repo>/milestone
    ************************************************/
    /* "123 Open / 456 Closed" - place open/closed counters back on the left */
    ul[class^="list-style-none ListItems-module__tabsContainer"] a,
    ul[class^="list-style-none RepositoryMilestone-module__tabsContainer"] a {
        display: flex;
        flex-direction: row-reverse;
    }

    ul[class^="list-style-none ListItems-module__tabsContainer"] a span,
    ul[class^="list-style-none RepositoryMilestone-module__tabsContainer"] a span {
        /* Counter */
        background: transparent;
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        padding: 0;
        text-align: right;
        margin: 0;
        margin-right: 3px;
        min-width: unset;
    }

    div[class*="LoadingSkeleton"] { /* Original counter briefly appears on the right side of the label */
        display: none;
    }


    /************************************************
    * New Pull Requests Experience
    *   github.com/<org>/<repo>/pulls
    ************************************************/
    /* Historically was bold, but less bold seems progressively less intensive */
    /*[data-testid="listitem-title-link"],
    a[data-testid="issue-listitem-title-link"],
    a[data-testid="issue-listitem-title-link"] span {
        font-weight: 600;
    }*/

    button[class^="PullsListItem-module"] span {
        border-radius: 0;
        font-weight: 500;
    }

    /* "6 Open  86 Closed" handled above (Open/Closed filters) */


    /************************************************
    * Comments Timeline
    *   github.com/<org>/<repo>/issues/<issue>
    *   github.com/<org>/<repo>/pull/<pull>
    ************************************************/
    /* Remove "Add a comment", "Add a title", "Add a description" titles */
    #issue_title_header,
    #comment-composer-heading,
    h3[id^=previewable-comment-form-component],
    #new_comment_form h4[id^="previewable-comment"] {
        display: none;
    }

    div[data-testid="comment-composer"] > div > div {
        margin-top: 0;
        padding-top: 0;
    }

    div[data-testid="comment-composer"] img {
        margin-top: 10px;
    }

    #react-issue-comment-composer {
        padding-top: 0;
    }

    /* The last timeline item is too close to the add comment box */
    section[aria-label="Events"]:last-of-type .Timeline-Item {
        padding-bottom: 24px !important;
        margin-bottom: -8px !important;
    }

    /* Avatars in timeline items were slightly larger */
    section[aria-label="Events"] .Timeline-Item img[data-component="Avatar"] {
        height: 20px;
        width: 20px;
        margin-right: 6px;
    }

    /* Timeline (between comments) were positioned more to the left */
    section[aria-label="Events"],
    section[aria-label="Events"] + div div[data-testid^="timeline-divider"] {
        margin-left: -16px;
    }

    /* Comment header and buttons */
    div[class*="ActivityHeader-module__narrowViewportWrapper"]:last-of-type button {
        /* First comment only */
        margin-right: 6px;
        margin-top: 1px;
    }

    div[data-testid="issue-body"] a[data-testid="issue-body-header-author"], /* First comment */
    div[data-testid^="comment-header"] a[data-testid="avatar-link"] { /* Subsequent comments */
        font-weight: 600;
    }

    div[data-testid="comment-header-right-side-items"] {
        margin-right: 0;
        flex: 1;
    }

    button[data-testid="comment-header-hamburger"] {
        margin-left: auto;
    }

    /* Sidebar: Restore participants size */
    div[data-testid="sidebar-participants-section"] img[data-testid="github-avatar"] {
        height: 26px;
        width: 26px;
    }

    /* Again with the rounded labels! */
    div[data-testid="issue-labels"] a > span,
    div[class^="labels-module__labelContainer"] span,
    div[data-listview-component="trailing-badge"] *, /* As used in new issues experience */
    span[data-testid="comment-subject-author"],
    span[data-testid="comment-author-association"],
    div[class^="row-module__timelineBodyContent"] button[data-size="small"][data-variant="success"] {
        border-radius: 2px;
        font-weight: 500;
    }

    div[class^="labels-module__labelContainer"] {
        margin: 0 1px;
    }

    /* Commit links should be mono */
    a[data-testid="closer-link"] {
        font-family: var(--monospace-font) !important;
        font-size: 0.9em;
    }

    /* Bring back the caret arrow pointing at avatar */
    div[class*="IssueBodyHeaderContainer__"],
    div[data-testid="comment-header"] {
        position: relative;
    }

    div[class*="IssueBodyHeaderContainer__"]::before,
    div[class*="IssueBodyHeaderContainer__"]::after,
    div[data-testid="comment-header"]::before,
    div[data-testid="comment-header"]::after {
        position: absolute;
        top: 11px;
        right: 100%;
        left: -8px;
        display: block;
        width: 8px;
        height: 16px;
        pointer-events: none;
        content: " ";
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
    }

    div[class*="IssueBodyHeaderContainer__"]::before,
    div[data-testid="comment-header"]::before {
        background-color: var(--borderColor-default, var(--color-border-default));
    }

    div[class*="IssueBodyHeaderContainer__"]::after,
    div[data-testid="comment-header"]::after {
        margin-left: 2px;
        background-color: var(--bgColor-default, var(--color-canvas-default));
        background-image: linear-gradient(var(--bgColor-muted, var(--color-canvas-subtle)), var(--bgColor-muted, var(--color-canvas-subtle)));
    }

    /* Colourise renamed title changes */
    del[class*="strikeThrough__"] {
        background: var(--borderColor-closed-muted);
        color: var(--fgColor-muted);
    }

    ins[class*="noUnderline__"] {
        background: var(--bgColor-success-muted);
        color: var(--fgColor-success);
    }

    /* When an issue references a commit, move verified/hash more to the right */
    div[class*="prc-Timeline-TimelineBody"] {
        padding-right: 12px;
    }

    /* Restore "commented on" text */
    div[data-testid="comment-header-left-side-items"] relative-time::before {
        content: " commented ";
        margin-left: 3px;
    }


    /************************************************
    * Emoji Reactions
    ************************************************/
    /* Restore old emoji reaction row */
    /* TODO: Need updating for 'new' issues/PR experience */
    .comment-reactions {
        margin: 0 !important;
        border-top: 1px solid var(--borderColor-default, var(--color-border-default));
    }

    .reaction-summary-item,
    .social-reaction-summary-item {
        display: flex !important;
        margin: 0 !important;
        padding: 0.5em 1em !important;
        padding-right: 0.75em !important;
        border-radius: 0 !important;
        font-size: 16px !important;
        line-height: 1.2em !important;
        height: 2.5em;
    }

    .social-reaction-summary-item > span {
        height: 16px !important;
    }

    .comment-reactions-options img.emoji {
        position: relative;
        top: 2px;
    }

    .new-reactions-summary-item,
    .new-reactions-dropdown .reaction-dropdown-button {
        padding: 0.5em 0em !important;
        margin: 0 !important;
        height: auto;
        width: 5em;
        max-width: 100px;
    }

    .new-reactions-dropdown .reaction-dropdown-button {
        /* Used for PRs */
        width: 4em;
        height: 2.75em;
    }

    .comment-reactions .color-text-secondary {
        display: block;
        padding-left: 1em;
        padding-top: 0.4em;
    }


    /************************************************
    * Enhancements
    ************************************************/
    /* Sticky comment header and avatar in issues while scrolling */
    .timeline-comment-header { /* Old / PR only; avatar does not scroll */
        position: sticky;
        top: 60px;
        backdrop-filter: blur(20px);
        z-index: 10;
    }

    div[class*="IssueBodyHeaderContainer__"], /* First comment */
    div[data-testid="comment-header"] {
        position: sticky;
        top: 56px;
        backdrop-filter: blur(10px);
        z-index: 10;
    }

    a[class^="Avatar-module__avatarLink"] {
        position: sticky;
        top: 42px;
        z-index: 10;
    }

    div[data-testid="issue-viewer-issue-container"] a[class^="Avatar-module__avatarLink"] { /* First comment avatar */
        top: 64px;
    }

    /* Hide cookie links in the footer - causing clutter */
    nav cookie-consent-link[data-catalyst=""] {
        display: none;
    }

    /* Fix their bug: Previous/Next buttons not showing disabled state */
    a.text-normal[aria-disabled="true"] {
        color: grey !important;
        cursor: not-allowed !important;
    }

    /* Use native checkboxes -- also fixes poor contrast on read only issues! */
    input[type=checkbox],
    input[type=radio] {
        appearance: auto;
    }

    input[type=checkbox]::before,
    input[type=radio]::before {
        content: unset;
    }

    /* Profile: Contribution graph */
    .ContributionCalendar-day,
    .ContributionCalendar-day[data-level="0"] {
        border: none;

        /* Back to squares */
        border-radius: 1px;
    }
}