github-selected-tab-color.user.css

/* ==UserStyle==
@name         GitHub Selected Tab Color
@version      1.3.1
@description  Add a custom selected tab color to GitHub
@namespace    github.com/StylishThemes
@author       StylishThemes <https://github.com/StylishThemes>
@homepageURL  https://github.com/StylishThemes/GitHub-Selected-Tab-Color
@supportURL   https://github.com/StylishThemes/GitHub-Selected-Tab-Color/issues
@updateURL    https://raw.githubusercontent.com/StylishThemes/GitHub-Selected-Tab-Color/master/github-selected-tab-color.user.css
@license      CC-BY-SA-4.0
@advanced     color base-color "Tab color" #4183C4
@preprocessor uso
==/UserStyle== */
@-moz-document regexp("^https?://((blog|gist|guides|docs|lab|launch-editor|raw|resources|status|support|developer)\\.)?github\\.com/((?!generated_pages/preview).)*$"), domain("www.githubstatus.com") {
  :root {
    --base-color: /*[[base-color]]*/;
    --transparent: transparent;
  }
  body .pagehead-tabs-item.selected,
  body .reponav .reponav-item.selected,
  body .btn-link.selected,
  body .tabnav-tab.selected,
  body .tabnav-pr .tabnav-tab.selected,
  body #graph_data .tab.selected,
  body .select-menu-tabs .select-menu-tab-nav[aria-selected="true"],
  body .tabnav-tab[aria-selected=true],
  body .history-nav .button.border-color,
  body .timeline-comment.current-user .tabnav-tab.selected,
  body .tabnav-tab[aria-current] {
    border-top-width: 3px !important;
    border-top-color: var(--base-color) !important;
  }
  body .repo-filterer .repo-filter.filter-selected,
  body .filter-selected,
  body .sub-nav ul a.active,
  body .IconNav-item.selected,
  body .UnderlineNav-item:focus,
  body .UnderlineNav-item:hover,
  body .UnderlineNav-item.selected,
  body .user-status-emoji-tab[role=tab][aria-selected=true],
  body .SegmentedNav .subnav-link.selected,
  body .SegmentedNav .subnav-link:hover,
  body .UnderlineNav-item[role="tab"][aria-selected="true"],
  body .UnderlineNav-item[aria-current]:not([aria-current="false"]),
  body .PRC-selected {
    border-bottom-color: var(--base-color) !important;
  }
  body .selected .security-nav-item {
    box-shadow: inset 0 -3px 0 var(--base-color) !important;
  }
  body .menu-item.selected::before,
  body .checks-index-item.selected::after,
  body .SideNav-item[aria-current="page"]::before,
  body .SideNav-item[aria-selected="true"]::before,
  body .SideNav-item:focus::before,
  body .SideNav-item:hover::before {
    background-color: var(--base-color) !important;
  }
  body .js-current .standalone a,
  body .sidebar-module .disable > a {
    border-left-color: var(--base-color) !important;
  }
  body .home-nav-item.selected {
    border-color: var(--base-color) !important;
  }
  @media (hover: hover) {
    body .SelectMenu-tab[aria-selected="true"],
    body .SelectMenu-tab[aria-selected="false"]:hover {
      border-top-width: 3px;
      border-top-color: var(--base-color) !important;
    }
  }
  /* Start Mobile */
  body[class="page-responsive"] .tabs > a.selected,
  body[class="page-responsive"] a.reponav-item.selected {
    border-top-width: 2px !important;
    border-top-color: var(--base-color) !important;
  }
  body a.subnav-link:not(.subnav-primary).selected,
  body a.subnav-link:not(.subnav-primary):hover {
    border-bottom-color: var(--base-color) !important;
  }
  /* see issue https://github.com/StylishThemes/GitHub-Dark/issues/918 */
  @media screen and (max-width: 768px) {
    body .site-subnav .subnav-primary.selected,
    body .site-subnav .subnav-primary:hover {
      border-bottom-color: var(--transparent) !important;
    }
  }
  /* End Mobile */
  /* see issue https://github.com/StylishThemes/GitHub-Dark/issues/918 */
  @media screen and (min-width: 1024px) {
    body .site-subnav .subnav-primary.selected,
    body .site-subnav .subnav-primary:hover {
      border-bottom-color: var(--base-color) !important;
    }
  }
  /* reset shifting selected tabs text down issue #16 */
  body .reponav .reponav-item.selected {
    padding-top: 7px !important;
  }
  body .hx_reponav.reponav .reponav-item.selected {
    padding-top: 5px !important;
    border-bottom: 0 !important;
  }
  body .hx_reponav.reponav .reponav-item {
    padding-top: 7px !important;
    border-bottom: 0 !important;
  }
  body .orgnav .pagehead-tabs-item.selected {
    padding-top: 8px !important;
  }
  body .orgnav .pagehead-tabs-item {
    border-bottom: 0 !important;
  }
}