/* ==UserStyle==
@name GitHub.com Darker with Dev/Help Documentation pages
@description This is the GitHub Darker with Dev/Help Documentation pages
@author zirs3d
@license CC0-1.0
@version 0.0.5
@namespace https://gf.zukizuki.org/users/517035
==/UserStyle== */
@-moz-document url-prefix("https://gist.github.com") {
/** Addtional Github.io Static Sites **/
pre,
code {
background-color: #474747 !important;
color: var(--black-1);
}
a.site-title:visited,
a:visited,
a:hover {
color: #9b9b9b !important
}
table th,
table td {
color: var(--black-1);
background-color: #1b1b1b !important;
}
table a {
color: #66a9ff !important;
}
table th a:visited,
table td a:visited {
color: #adadad !important
}
}
@-moz-document regexp("^https://github.com/.*"), url-prefix("https://gist.github.com") {
/** Main Site **/
/** Original colors
white-1 - fff
white-2 - f6f8fa
white-3 - e1e4e8
white-4 - d1d5da
white-5 - eaecef
white-6 - dfe2e5
white-7 - ccc
black-1 - 24292e
black-2 - 6a737d
black-3 - 586069
black-4 - 444d56
blue-1 - 0366d6
blue-2 - eaf5ff
blue-3 - f1f8ff
blue-4 - def
**/
:root {
--white-1: #1e2022;
--white-2: #303234;
--white-3: #454647;
--white-4: #616161;
--white-5: #3a3c3d;
--white-6: #524f4f;
--white-7: #767676;
--black-1: #dfdfdf;
--black-2: #b2b6bb;
--black-3: #d1d5da;
--black-3: #b5bac1;
--black-4: #969a9f;
--blue-1: #559cf8;
--blue-2: #27364a;
--blue-3: #263242;
--blue-4: #34465f;
--blue-5: #405675;
--box-shadow: #5d5d5d26;
/** Syntax highlighting **/
--s-background: #282c34;
--s-context: #2c313a;
--s-chalky: #e5c07b;
--s-coral: #e06c75;
--s-cyan: #56b6c2;
--s-error: #f44747;
--s-ivory: #abb2bf;
--s-malibu: #61afef;
--s-sage: #98c379;
--s-stone: #5c6370;
--s-violet: #c678dd;
--s-whiskey: #d19a66;
}
body {
background-color: var(--white-1);
color: var(--black-1);
}
.rule,
hr {
border-color: var(--white-6);
}
.form-hr {
border-color: var(--white-5);
}
kbd {
background-color: var(--white-2);
border-color: var(--white-4);
box-shadow: inset 0 -1px 0 var(--white-4);
color: var(--black-4);
}
/** Backgrounds **/
.bg-white {
background-color: var(--white-1) !important;
}
.bg-gray,
.bg-gray-light {
background-color: var(--white-2) !important;
}
.bg-gray-2 {
background-color: var(--white-3) !important;
}
.bg-blue {
background-color: var(--blue-1) !important;
}
.bg-blue-light {
background-color: var(--blue-3) !important;
}
/** Links **/
.link-gray-dark {
color: var(--black-1) !important;
}
.muted-link,
.link-gray {
color: var(--black-3) !important;
}
a,
.btn-link,
.btn-octicon:hover {
color: var(--blue-1);
}
.muted-link:hover,
.link-gray:hover,
.link-gray-dark:hover,
.link-hover-blue:hover {
color: var(--blue-1) !important;
}
/** Text **/
.text-emphasized {
color: var(--black-1);
}
.text-gray-light {
color: var(--black-2) !important;
}
.color-gray-9,
.text-gray-dark {
color: var(--black-1) !important;
}
.text-gray,
.note {
color: var(--black-3) !important;
}
.bg-blue-2 {
color: var(--white-1);
}
.text-blue {
color: var(--blue-1) !important;
}
/** Borders **/
.border,
.border-bottom,
.border-right,
.border-top,
.border-left {
border-color: var(--white-3) !important;
}
.border-gray-dark {
border-color: var(--white-4) !important;
}
.border-gray-light {
border-color: var(--white-5) !important;
}
@media (min-width: 1012px) {
.border-lg-left {
border-color: var(--white-3) !important
}
}
@media (min-width: 768px) {
.border-md,
.border-md-top {
border-color: var(--white-3) !important;
}
}
/** Buttons **/
.btn:not(.btn-primary) {
border-color: var(--white-6);
}
.btn:not(.btn-primary):not(.btn-outline) {
background-color: var(--white-3);
background-image: linear-gradient(-180deg, #696464, var(--white-6) 90%);
color: var(--black-1);
}
.btn:not(.btn-primary):not(.btn-outline).hover,
.btn:not(.btn-primary):not(.btn-outline):hover {
background-color: var(--white-4);
background-image: linear-gradient(-180deg, #635e5e, #4d4b4b 90%);
border-color: var(--white-4);
}
.btn-outline {
background-color: var(--white-1);
color: var(--blue-1);
}
.btn-outline.disabled,
.btn-outline:disabled,
.btn-outline[aria-disabled=true] {
background-color: var(--white-1);
border-color: var(--white-3) !important;
color: var(--black-4);
}
.btn-outline.selected,
.btn-outline:active,
.btn-outline:hover,
.btn-outline[aria-selected=true],
[open] > .btn-outline {
border-color: #0366d6;
}
.btn-danger {
background-image: linear-gradient(-180deg, #cb2431, #941a24 90%) !important;
border-color: #b31a26 !important;
color: #fff !important;
}
.btn-danger:hover {
background-color: #cb2431;
background-image: linear-gradient(-180deg, #de4450, #cb2431 90%) !important;
}
/** Forms **/
::placeholder {
color: var(--black-2);
}
.form-control,
.form-select {
background-color: var(--white-1);
border-color: var(--white-4);
color: var(--black-1);
}
.form-group .form-control,
.input-contrast {
background-color: var(--white-2);
}
.form-group .form-control:focus,
.input-contrast:focus {
background-color: var(--white-1);
}
/** Header **/
.pagehead {
border-color: var(--white-3);
}
.gh-header {
background-color: var(--white-1);
}
.gh-header-meta {
border-color: var(--white-3);
color: var(--black-3);
}
.gh-header-number {
color: var(--black-2);
}
.Subhead {
border-color: var(--white-3);
}
.repohead h1 {
color: var(--black-3);
}
.Header-link {
color: #fff;
}
.Counter {
background-color: #fff2;
color: var(--black-3);
}
.breadcrumb strong.final-path {
color: var(--black-1);
}
.pagehead-actions > li {
color: var(--black-1);
}
/** Boxes **/
.Box {
background-color: var(--white-1);
border-color: var(--white-4);
}
.Box-header {
background-color: var(--white-2);
border-color: var(--white-4);
}
.Box-header--blue {
background-color: var(--blue-3);
border-color: var(--blue-4);
}
.Box-row--blue {
background-color: var(--blue-3);
}
.Box-row {
border-color: var(--white-3);
}
.Box-row--hover-blue:hover {
background-color: var(--blue-3);
}
.Box-row--focus-gray.navigation-focus {
background-color: var(--white-2);
}
.Box-body {
border-color: var(--white-3);
}
.Box-footer {
border-color: var(--white-3);
}
.Box--danger,
.Box--danger .Box-body:last-of-type,
.Box--danger .Box-row:first-of-type {
border-color: #d73a49;
}
/** Tables **/
.table-list-header {
background-color: var(--white-2);
border-color: var(--white-3);
}
.table-list-header-toggle .btn-link:hover,
.table-list-header-toggle .btn-link.selected,
.table-list-header-toggle .btn-link.selected:hover {
color: var(--black-1);
}
.table-list-header-toggle .btn-link {
color: var(--black-3);
}
.table-list {
border-color: var(--white-3);
color: var(--black-2);
}
/** Dashboard activity **/
.AvatarStack-body {
background-color: var(--white-1);
}
.AvatarStack--right .avatar {
border-color: var(--white-1);
}
.news div.message,
.news li blockquote {
color: var(--black-3);
}
.dashboard-rollup-items > .dashboard-rollup-item {
border-color: var(--white-3);
}
.commit-desc pre {
color: var(--black-4);
}
.team-mention,
.user-mention {
color: var(--black-1);
}
/** Popovers **/
.SelectMenu-modal {
background-color: var(--white-2);
}
@media (min-width: 544px) {
.SelectMenu-modal {
border-color: var(--white-4);
}
}
.SelectMenu-list {
background-color: var(--white-1);
border-color: var(--white-3);
}
.SelectMenu-item {
background-color: var(--white-1);
border-color: var(--white-3);
color: var(--black-3);
}
.SelectMenu-item[aria-checked=true] {
color: var(--black-1);
}
@media (hover: hover) {
.SelectMenu-item:hover,
body:not(.intent-mouse) .SelectMenu-item:focus {
background-color: var(--white-2);
}
}
.SelectMenu-divider {
background-color: var(--white-2);
color: var(--black-2);
border-color: var(--white-5);
}
.SelectMenu-filter {
border-color: var(--white-3);
}
.SelectMenu-footer {
border-color: var(--white-3);
color: var(--black-2);
}
.SelectMenu-tab {
color: var(--black-2);
}
.SelectMenu-tab[aria-selected=true] {
background-color: var(--white-1);
color: var(--black-1);
}
@media (min-width: 544px) {
.SelectMenu-tab[aria-selected=true] {
border-color: var(--white-3);
}
}
@media (hover: hover) {
.SelectMenu-tab:not([aria-checked=true]):active,
.SelectMenu-tab:not([aria-checked=true]):hover {
background-color: var(--white-1);
}
.SelectMenu-tab:not([aria-selected=true]):hover {
background-color: var(--white-3);
color: var(--black-1);
}
}
.SelectMenu-blankslate,
.SelectMenu-loading,
.SelectMenu-message {
background-color: var(--white-1);
}
.SelectMenu-message {
border-color: var(--white-5);
}
/** Popover **/
.Popover-message:after {
border-bottom-color: var(--white-1);
}
.Popover-message:before {
border-bottom-color: var(--white-4);
}
.Popover-message--bottom-left:after,
.Popover-message--bottom-left:before,
.Popover-message--bottom-right:after,
.Popover-message--bottom-right:before,
.Popover-message--bottom:after,
.Popover-message--bottom:before {
border-bottom-color: transparent;
}
.Popover-message--bottom-left:after,
.Popover-message--bottom-right:after,
.Popover-message--bottom:after {
border-top-color: var(--white-1);
}
.Popover-message--bottom-left:before,
.Popover-message--bottom-right:before,
.Popover-message--bottom:before {
border-top-color: var(--white-4);
}
/** Load more button **/
.ajax-pagination-form .ajax-pagination-btn {
background-color: var(--white-1);
border-color: var(--white-3);
color: var(--blue-1);
}
.ajax-pagination-form .ajax-pagination-btn:focus,
.ajax-pagination-form .ajax-pagination-btn:hover {
background-color: var(--white-2);
color: var(--blue-1);
}
/** Login page. Note that I did deviate from matching the original styles
exactly. Instead I picked values that were close to the original to maintain
the consistent color palette. **/
.session-authentication {
background-color: var(--white-2);
}
.session-authentication .auth-form-header,
.session-authentication .header-logo {
color: var(--black-1);
}
.session-authentication .auth-form-body {
background-color: var(--white-1);
border-color: var(--white-4);
}
.session-authentication .create-account-callout {
border-color: var(--white-4);
}
/** Tags **/
.branch-name {
background-color: var(--blue-2);
color: var(--blue-1);
}
a.branch-name {
color: var(--blue-1);
}
.topic-tag,
.topic-tag-action {
background-color: var(--blue-3);
}
.topic-tag-link:hover {
background-color: var(--blue-4);
}
.delete-topic-button,
.delete-topic-link {
background-color: var(--blue-3);
border-color: var(--blue-4);
color: var(--black-2);
}
.delete-topic-button:hover,
.delete-topic-link:hover {
background-color: var(--blue-4);
}
/** Repo navigation **/
.reponav-item {
color: var(--black-3);
}
.reponav-item.selected {
background-color: var(--white-1);
border-left-color: var(--white-3);
border-right-color: var(--white-3);
color: var(--black-3);
}
.reponav-item .Counter {
color: var(--black-1);
}
.reponav-item:focus,
.reponav-item:hover {
color: var(--black-1);
}
.reponav-item .octicon {
color: #fff5;
}
/** Sub nav **/
.subnav-item {
border-color: var(--white-3);
color: var(--black-3);
}
.subnav-item:focus,
.subnav-item:hover {
background-color: var(--white-2);
}
.subnav-item.selected,
.subnav-item[aria-current],
.subnav-item[aria-selected=true] {
background-color: #0366d6;
}
/** Repo summary **/
.overall-summary {
border-color: var(--white-6);
}
.numbers-summary li > .nolink,
.numbers-summary li > a {
color: var(--black-3);
}
.numbers-summary li > a:hover {
color: var(--blue-1);
}
.numbers-summary .octicon {
color: var(--black-2);
}
.repository-lang-stats-graph {
border-color: var(--white-4);
}
.repository-lang-stats ol.repository-lang-stats-numbers li .lang {
color: var(--black-1);
}
.repository-lang-stats ol.repository-lang-stats-numbers li > a,
.repository-lang-stats ol.repository-lang-stats-numbers li > span {
color: var(--black-2);
}
.repository-lang-stats-graph .language-color:not(:first-child) {
border-color: var(--white-1);
}
/** File table **/
table.files {
background-color: var(--white-1);
}
table.files td {
border-color: var(--white-5);
}
table.files tr.navigation-focus td,
table.files tr[aria-selected=true] td {
background-color: var(--white-2);
}
table.files td.icon .octicon-file-directory,
table.files td.icon {
color: var(--black-4);
}
table.files td.message a {
color: var(--black-2);
}
table.files td.message a:hover {
color: var(--blue-1);
}
table.files td.age {
color: var(--black-2);
}
table.files tr.up-tree a:hover {
background-color: var(--white-6);
}
/** Labels **/
.Label {
color: var(--white-1);
}
.Label--gray {
background-color: var(--white-5);
color: var(--black-3);
}
.Label--gray-darker {
background-color: var(--black-2);
color: var(--white-1);
}
.Label--outline {
border-color: var(--black-4);
color: var(--black-3);
}
/** Use the original colors for yellow labels **/
.Label--outline.bg-yellow-light,
.Label.bg-yellow-light {
color: #586069;
background-color: #FFF5A9 !important;
border-color: rgba(27, 31, 35, .15);
}
/** Markdown **/
.markdown-body h1,
.markdown-body h2 {
border-color: var(--white-5);
}
.markdown-body img {
background-color: var(--white-1);
}
.markdown-body blockquote {
border-color: var(--white-6);
color: var(--black-2);
}
.markdown-body table tr {
background-color: var(--white-1);
border-color: var(--white-6);
}
.markdown-body table tr:nth-child(2n) {
background-color: var(--white-2);
}
.markdown-body table td,
.markdown-body table th {
border-color: var(--white-6);
}
.markdown-body code,
.markdown-body tt {
background-color: var(--white-5);
}
.markdown-body hr {
background-color: var(--white-3);
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: var(--black-2);
}
/** File editor **/
.cm-s-github-light.CodeMirror {
background-color: var(--s-background);
color: var(--s-ivory);
}
.cm-s-github-light .CodeMirror-lines {
background-color: var(--s-background);
}
.cm-s-github-light .CodeMirror-gutters,
.cm-s-github-light .CodeMirror-linenumber {
background-color: var(--s-background);
}
.cm-s-github-light .CodeMirror-gutters,
.cm-s-github-light .CodeMirror-lines {
border-top: 1px solid var(--white-3);
}
.cm-s-github-light .CodeMirror-linenumber {
color: var(--black-2);
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
background-color: var(--black-4)
}
/** File editor syntax highlighting **/
.cm-s-github-light .cm-string,
.cm-string-2 {
color: var(--s-sage);
}
.cm-s-github-light .cm-variable,
.cm-variable-2 {
color: var(--s-ivory);
}
.cm-property {
color: var(--s-coral);
}
.cm-operator,
.cm-atom {
color: var(--s-cyan);
}
.cm-qualifier,
.cm-attribute,
.cm-number {
color: var(--s-whiskey);
}
.cm-s-github-light .cm-keyword {
color: var(--s-violet);
}
.cm-tag:not(.cm-bracket) {
color: var(--s-coral);
}
/** File editor search **/
.CodeMirror-dialog-top {
background-color: var(--white-1);
border-color: var(--white-3);
}
.CodeMirror-search-hint {
color: var(--black-3);
}
/** Commit bar **/
.commit-tease {
color: var(--black-3);
}
.commit-tease-sha {
color: var(--black-4);
}
.ellipsis-expander,
.hidden-text-expander a {
background-color: var(--white-6);
color: var(--black-4);
}
.ellipsis-expander:hover,
.hidden-text-expander a:hover {
background-color: var(--white-4);
}
.ellipsis-expander:active,
.hidden-text-expander a:active {
color: var(--white-1);
background-color: var(--blue-1);
}
/** Icons **/
.btn-octicon {
color: var(--black-3);
}
.repohead h1.private .octicon {
color: var(--black-2);
}
/** Tooltips **/
.tooltipped:after {
background-color: var(--black-1);
color: var(--white-1);
}
.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {
border-bottom-color: var(--black-1);
}
.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {
border-top-color: var(--black-1);
}
.tooltipped-w:before {
border-left-color: var(--black-1);
}
/** Commit refs **/
.commit-ref {
background-color: var(--blue-2);
color: var(--blue-1);
}
.commit-ref .user {
color: var(--blue-1);
}
/** Progress bar **/
.progress-bar {
background-color: var(--white-5);
}
.progress-bar-inline .progress-bar {
border-color: var(--white-3);
}
.task-progress .progress-bar {
background-color: var(--white-3);
}
.task-progress .progress-bar .progress {
background-color: var(--white-7);
}
.task-progress {
color: var(--black-3);
}
.Progress {
background-color: var(--white-3);
}
/** Pagination **/
.pagination a,
.pagination em,
.pagination span {
background: var(--white-1);
border-color: var(--white-3);
color: var(--blue-1);
}
.pagination .disabled,
.pagination .disabled:hover,
.pagination .gap,
.pagination .gap:hover,
.pagination [aria-disabled=true],
.pagination [aria-disabled=true]:hover {
background-color: var(--white-2);
color: var(--white-4);
}
.pagination a:focus,
.pagination a:hover,
.pagination em:focus,
.pagination em:hover,
.pagination span:focus,
.pagination span:hover {
background-color: var(--white-5);
border-color: var(--white-3);
}
/** Issue list **/
.issues-reset-query {
color: var(--black-3);
}
.issues-reset-query:hover {
color: var(--blue-1);
}
.issue-meta-section .octicon {
color: var(--white-7);
}
.navigation-focus .AvatarStack-body,
[aria-selected=true] .AvatarStack-body {
background-color: var(--white-2);
}
/** Tab navigation **/
.tabnav {
border-color: var(--white-4);
}
.tabnav-pr {
border-color: var(--white-3);
}
.tabnav-tab,
.tabnav-pr .tabnav-tab {
color: var(--black-3);
}
.tabnav-pr .tabnav-tab.selected {
border-color: var(--white-3);
color: var(--black-1);
}
.tabnav-tab.selected,
.tabnav-tab[aria-current],
.tabnav-tab[aria-selected=true] {
background-color: var(--white-1);
color: var(--black-1);
border-color: var(--white-4);
}
.tabnav-tab:focus,
.tabnav-tab:hover {
color: var(--black-1);
}
@media (max-width: 767px) {
.tabnav--responsive .tabnav-tab {
background-color: var(--white-2);
border-color: var(--white-3);
}
.tabnav--responsive .tabnav-tab:first-child {
border-color: var(--white-3);
}
.tabnav--responsive .tabnav-tab.selected,
.tabnav--responsive .tabnav-tab[aria-selected=true] {
background-color: var(--white-1);
}
}
/** Pull request timeline **/
.TimelineItem-body {
color: var(--black-3);
}
.TimelineItem-badge {
background-color: var(--white-3);
border-color: var(--white-1);
color: var(--black-4);
}
.TimelineItem--condensed .TimelineItem-badge {
background-color: var(--white-1);
}
.TimelineItem:before {
background-color: var(--white-3);
}
.signed-commit-badge {
border-color: var(--white-3);
}
.TimelineItem-break {
background-color: var(--white-1);
border-color: var(--white-3);
}
.discussion-timeline-actions {
background-color: var(--white-1);
border-color: var(--white-3);
}
/** Timeline comments **/
.timeline-comment-wrapper {
background-color: var(--white-1);
border-color: var(--white-1);
}
.timeline-comment {
background-color: var(--white-1);
border-color: var(--white-4);
color: var(--black-1);
}
.review-comment {
color: var(--black-1);
}
.review-comment .is-comment-editing {
background-color: var(--white-1);
border-color: var(--white-3);
}
.review-comment-loader:after,
.review-comment.is-comment-editing:after,
.review-comment:after,
.review-thread-reply {
background-color: var(--white-2);
}
.review-thread-reply .inline-comment-form {
background-color: var(--white-1);
}
.previewable-comment-form .comment-form-head.tabnav {
background-color: var(--white-2);
}
.timeline-comment-label {
border-color: var(--black-4);
}
.previewable-comment-form .comment-body {
border-color: var(--white-3);
}
.timeline-comment--caret:before {
border-right-color: var(--white-4);
}
.timeline-comment--caret:after {
border-right-color: var(--white-2);
}
.timeline-comment-header {
background-color: var(--white-2);
border-color: var(--white-4);
color: var(--black-3);
}
.timeline-comment-header-text code a {
color: var(--black-3);
}
.timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
background-color: var(--blue-3);
border-color: var(--blue-4);
}
.timeline-comment.current-user .tabnav-tab.selected,
.timeline-comment.current-user .tabnav-tab[aria-current],
.timeline-comment.current-user .tabnav-tab[aria-selected=true] {
border-color: var(--blue-4);
}
.timeline-comment.current-user .timeline-comment-header {
background-color: var(--blue-3);
border-color: var(--blue-4);
}
.timeline-comment.current-user {
border-color: var(--blue-4);
}
.timeline-comment--caret.current-user:before {
border-right-color: var(--blue-4);
}
.timeline-comment--caret.current-user:after {
border-right-color: var(--blue-3);
}
.timeline-comment.current-user .timeline-comment-label {
border-color: var(--blue-5);
}
/** Timeline pagination **/
.pagination-loader-container {
background-color: var(--white-1);
}
/* TODO: Fix background image **/
/* PR branch actions **/
.branch-action-body {
background-color: var(--white-1);
border-color: var(--white-4);
}
.branch-action-state-closed-dirty .branch-action-body,
.branch-action-state-dirty .branch-action-body,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body {
border-color: var(--white-4);
}
.branch-action-state-closed-dirty .branch-action-body:before,
.branch-action-state-dirty .branch-action-body:before,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body:before {
border-right-color: var(--white-4);
}
.branch-action-body:after {
border-right-color: var(--white-1);
}
.branch-action-item + .branch-action-item,
.branch-action-item + .mergeability-details {
border-color: var(--white-3);
}
.branch-action-body .merge-branch-form,
.branch-action-body .merge-message {
background-color: var(--white-2);
border-color: var(--white-3);
}
.merge-status-list {
border-color: var(--white-3);
}
.merge-status-item {
border-color: var(--white-3);
background-color: var(--white-2);
}
.merge-status-item a {
background-color: none;
}
.status-meta,
.merge-pr-more-commits {
color: var(--black-3);
}
/** PR sidebar **/
.discussion-sidebar-heading {
color: var(--black-3);
}
.discussion-sidebar-item {
color: var(--black-3);
}
.discussion-sidebar-item .muted-icon:hover,
.discussion-sidebar-toggle:hover {
color: var(--blue-1);
}
.discussion-sidebar-item + .discussion-sidebar-item {
border-color: var(--white-3);
}
.thread-subscription-status {
background-color: var(--white-1);
color: var(--black-3);
}
/** Dropdown menu **/
.dropdown-menu {
background-color: var(--white-1);
box-shadow: 0 1px 15px var(--box-shadow);
}
.dropdown-menu:after {
border-bottom-color: var(--white-1);
}
.dropdown-header {
color: var(--black-3);
}
.dropdown-item {
color: var(--black-1);
}
.dropdown-divider {
border-color: var(--white-3);
}
/** Drag and drop **/
.drag-and-drop {
background-color: var(--white-2);
border-color: var(--white-4);
color: var(--black-3);
}
.upload-enabled textarea {
border-color: var(--white-6);
}
/** Sticky header **/
.gh-header .gh-header-sticky.is-stuck + .gh-header-shadow {
background-color: var(--white-1);
border-color: #ffffff26;
}
/** Files **/
.file {
border-color: var(--white-4);
}
.file-header {
background-color: var(--white-2);
border-color: var(--white-3);
}
/** Toolbar **/
.toolbar-item,
.toolbar-item .menu-target {
color: var(--black-3);
}
.toolbar-item .menu-target:hover,
.toolbar-item:hover {
color: var(--blue-1);
}
/** Header counts **/
.social-count {
background-color: var(--white-1);
color: var(--black-1);
border-color: var(--white-3);
}
.social-count:hover {
color: var(--blue-1);
}
/** Select menu **/
.select-menu-modal {
background-color: var(--white-1);
box-shadow: 0 3px 12px var(--box-shadow);
color: var(--black-3);
}
.select-menu-item {
background-color: var(--white-1);
border-color: var(--white-5);
}
.select-menu-item.selected .description,
details-menu .select-menu-item[aria-checked=true] .description,
details-menu .select-menu-item[aria-selected=true] .description,
.select-menu-item-text .description {
color: var(--black-3);
}
.select-menu-filters {
background-color: var(--white-2);
}
.select-menu-text-filter:first-child:last-child,
.select-menu-text-filter input {
border-color: var(--white-6)
}
.select-menu-divider,
.select-menu-header {
background-color: var(--white-2);
border-color: var(--white-3);
}
.select-menu-divider,
.select-menu-header .select-menu-title,
.select-menu-item.selected,
details-menu .select-menu-item[aria-checked=true],
details-menu .select-menu-item[aria-selected=true] {
color: var(--black-1);
}
.select-menu-tabs {
border-color: var(--white-6);
}
.select-menu-tabs .select-menu-tab-nav.selected,
.select-menu-tabs .select-menu-tab-nav[aria-selected=true],
.select-menu-tabs a.selected,
.select-menu-tabs a[aria-selected=true] {
background-color: var(--white-1);
border-color: var(--white-6) var(--white-6) var(--white-1);
color: var(--black-1);
}
.select-menu-tabs .select-menu-tab-nav,
.select-menu-tabs a {
color: var(--black-2);
}
.select-menu-tabs .select-menu-tab-nav:hover,
.select-menu-tabs a:hover {
color: var(--black-1);
}
/** Issue comments **/
@media (min-width: 768px) {
.page-responsive .previewable-comment-form .comment-form-head.tabnav {
background-color: var(--white-2);
}
}
@media (min-width: 1012px) {
.page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
background-color: transparent !important;
}
}
.timeline-new-comment .previewable-comment-form .comment-body {
border-color: var(--white-3);
}
/** PR files tab **/
.diffbar {
background-color: var(--white-1);
}
.diffbar-range-menu .in-range:not(.is-range-selected) {
background-color: var(--blue-3);
border-bottom-color: var(--blue-4);
}
.diffstat {
color: var(--black-3);
}
.pr-toolbar.is-stuck {
background-color: var(--white-1);
}
.toolbar-shadow {
background-image: linear-gradient(#ffffff13, #ffffff00);
border-color: #ffffff26;
}
/** PR code **/
.blob-code-inner,
.blob-num {
color: var(--s-ivory);
}
.blob-num:hover {
color: var(--black-1);
}
.file-diff-split .blob-code + .blob-num {
border-color: var(--white-2);
}
.blob-code-hunk {
background-color: var(--blue-3);
}
.blob-num-expandable,
.blob-num-hunk {
background-color: var(--blue-4);
}
.blob-num-expandable .directional-expander {
color: var(--black-3);
}
.blob-expanded .blob-code,
.blob-expanded .blob-num,
.file-diff-split .empty-cell {
background-color: var(--s-context);
}
.blob-expanded + tr:not(.blob-expanded) .blob-code,
.blob-expanded + tr:not(.blob-expanded) .blob-num,
.blob-expanded .blob-num-hunk,
tr:not(.blob-expanded) + .blob-expanded .blob-code,
tr:not(.blob-expanded) + .blob-expanded .blob-num {
border-color: var(--white-5);
}
.add-line-comment {
color: #fff;
}
/** Selected lines **/
.selected-line:after {
background-color: #fffb001f;
mix-blend-mode: difference;
}
.selected-line:first-child:after,
.selected-line.selected-line-left:after,
.selected-line.selected-line-top:after,
.selected-line.selected-line-right:after,
.selected-line.selected-line-bottom:after {
border-color: #ffd33d6e;
}
/** PR diff **/
.blob-num-addition {
background-color: #274f5f;
}
.blob-code-addition {
background-color: #203d49;
}
.blob-code-addition .x {
background-color: #0e678c;
color: var(--s-ivory);
}
.blob-num-deletion {
background-color: #74253c;
}
.blob-code-deletion {
background-color: #63192f;
}
.blob-code-deletion .x {
background-color: #8e0b31;
color: var(--s-ivory);
}
/** PR files comments **/
.diff-table tr:not(:last-child) .line-comments {
background-color: var(--white-1);
}
.diff-table tr:not(:last-child) .line-comments,
.review-thread-reply {
border-color: var(--white-3);
}
.inline-comment-form {
border-color: var(--white-6);
}
/** Syntax highlighting **/
.js-file-content,
.markdown-body .highlight pre,
.markdown-body pre {
background-color: var(--s-background);
}
.pl-c1 {
color: var(--s-coral);
}
pre,
.pl-s .pl-s1,
.pl-mb,
.pl-mi {
color: var(--s-ivory);
}
.pl-smi {
color: var(--s-chalky);
}
.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: var(--s-sage);
}
.pl-s .pl-v {
color: var(--s-whiskey);
}
.pl-en {
color: var(--s-malibu);
}
.pl-k {
color: var(--s-violet);
}
.pl-c {
color: var(--s-stone);
}
.pl-ent,
.pl-smw,
.pl-v {
color: var(--s-chalky);
}
/** Commit range comparison **/
.range-editor {
background-color: var(--white-2);
border-color: var(--white-3);
}
.range-editor-icon {
color: var(--black-3);
}
ul.comparison-list {
background-color: var(--white-1);
border-color: var(--white-6);
}
ul.comparison-list > li {
border-color: var(--white-5);
}
ul.comparison-list > li.title {
background-color: var(--white-2);
color: var(--black-2);
}
ul.comparison-list > li em {
color: var(--black-3);
}
/** PR commits tab **/
.table-list-bordered,
.table-list-bordered .table-list-cell:first-child {
border-color: var(--white-5);
}
.table-list-cell {
border-color: var(--white-3);
}
.commit .commit-title,
.commit .commit-title a {
color: var(--black-4);
}
.commits-list-item .commit-meta,
.commits-list-item .commit-author {
color: var(--black-3);
}
.commits-list-item.navigation-focus,
.commits-list-item[aria-selected=true] {
background-color: var(--white-2);
}
.commit-group-title .octicon-git-commit {
background-color: var(--white-1);
color: var(--white-7);
}
.commits-listing:before {
background-color: var(--white-3);
}
.commit-group-title {
color: var(--black-3);
}
/** PR full commit **/
.full-commit {
background-color: var(--blue-2);
border-color: var(--blue-4);
}
.full-commit p.commit-title,
.commit-branches,
.full-commit .branches-list li.loading,
.full-commit .branches-list li.pull-request {
color: var(--black-2);
}
.full-commit .branches-list li {
color: var(--black-4);
}
.full-commit .btn-outline,
.full-commit .btn-outline:disabled {
border-color: var(--blue-5);
}
.full-commit .btn-outline:not(:disabled):hover {
color: var(--blue-1);
border-color: var(--blue-1);
}
.full-commit .commit-meta {
background-color: var(--white-1);
border-color: var(--blue-4);
}
.full-commit .sha-block {
color: var(--black-3);
}
.full-commit .sha-block > .sha {
color: var(--black-4);
}
.commit-sha {
background-color: var(--white-2);
border-color: var(--white-5);
}
/** Checks tab **/
.CheckRun-header {
border-top-color: var(--white-5);
}
/** Filters **/
.filter-item {
color: var(--black-3);
}
.filter-item:hover {
background-color: var(--white-5);
}
.filter-item.selected,
.filter-item[aria-current],
.filter-item[aria-selected=true] {
color: #fff;
background-color: #0366d6;
}
/** Avatars **/
.AvatarStack-body .avatar {
background-color: var(--white-1);
border-color: var(--white-1);
}
/** User dashboard **/
.user-profile-nav {
background-color: var(--white-1);
border-color: var(--white-4);
}
.UnderlineNav {
border-color: var(--white-3);
}
.UnderlineNav-item {
color: var(--black-3);
}
.UnderlineNav-item:focus,
.UnderlineNav-item:hover {
border-color: var(--white-4);
color: var(--black-1);
}
.UnderlineNav-item.selected,
.UnderlineNav-item[aria-current],
.UnderlineNav-item[role=tab][aria-selected=true] {
border-color: #e36209;
color: var(--black-1);
}
/** Menu **/
.menu {
background-color: var(--white-1);
border-color: var(--white-4);
}
.menu-heading {
background-color: var(--white-2);
border-color: var(--white-3);
color: var(--black-3);
}
.menu-item {
border-color: var(--white-3);
color: var(--black-1);
}
.menu-item:hover {
background-color: var(--white-2);
}
.menu-item.selected,
.menu-item[aria-current],
.menu-item[aria-selected=true] {
background-color: var(--white-1);
color: var(--black-1);
}
/** Branch protection rules **/
.listgroup {
border-color: var(--white-5);
}
.listgroup-item {
color: var(--black-3);
}
.listgroup-overflow {
background-color: var(--white-2);
}
.listgroup-header,
.listgroup-item + .listgroup-item {
border-color: var(--white-3);
}
/** At mentions **/
.suggester {
background-color: var(--white-1);
border-color: var(--white-3);
}
.suggester li {
border-color: var(--white-3);
}
.suggester li small {
color: var(--black-3);
}
/** Insights tab **/
.conversation-list-heading .inner {
background-color: var(--white-1);
}
.conversation-list-heading {
border-color: var(--white-6);
color: var(--black-2);
}
.summary-stats li,
.summary-stats li a,
.diffstat-summary {
color: var(--black-3);
}
.summary-stats li .num,
.diffstat-summary strong {
color: var(--black-1);
}
.diffstat-summary a {
color: var(--black-3);
}
.simple-conversation-list,
.simple-conversation-list > li .num {
color: var(--black-2);
}
.summary-stats li {
border-color: var(--white-3);
}
.summary-stats li a:hover {
background-color: var(--white-2);
}
.simple-conversation-list > li {
border-color: var(--white-2);
}
/** Insights graphs **/
.graph-canvas .axis .tick text {
fill: var(--black-1)
}
.graph-canvas .axis line {
stroke: var(--white-5);
}
.tint-box {
background-color: var(--white-2);
}
.boxed-group .heading,
.boxed-group > h3 {
background-color: var(--white-2);
border-color: var(--white-4);
}
.boxed-group-inner {
background-color: var(--white-1);
border-color: var(--white-4);
color: var(--black-3);
}
.traffic-graph-stats {
border-color: var(--white-6);
}
/** File finder **/
.tree-browser-result[aria-selected=true] {
background-color: var(--white-1) !important;
}
.tree-browser-result[aria-selected=true] .octicon-chevron-right {
color: var(--blue-j);
}
.tree-browser-result {
color: var(--black-2);
}
.tree-browser-result:hover {
color: var(--black-1);
text-decoration: none;
}
.tree-browser-result mark {
color: var(--blue-1);
}
/** Commit form **/
.commit-form:before {
border-right-color: var(--white-3);
}
.commit-form:after {
border-right-color: var(--white-1);
}
/** Global search **/
.jump-to-suggestions-results-container .navigation-item {
border-color: var(--white-3);
}
.jump-to-suggestions-path {
color: var(--black-1);
}
.jump-to-suggestions-path mark {
color: var(--blue-1);
}
.jump-to-field-active {
color: var(--black-1) !important;
}
.jump-to-field-active::placeholder {
color: var(--black-3) !important;
}
/** Search results **/
.code-list .divider .blob-code,
.code-list .divider .blob-num {
background-color: var(--s-context)
}
.code-list .file-box {
background-color: var(--s-background);
border-color: var(--white-3);
}
.code-list .code-list-item + .code-list-item {
border-color: var(--white-3);
}
.bg-yellow-light {
background-color: var(--blue-1) !important;
color: var(--white-1);
}
/** Discussion tab **/
.icon-discussion-gray,
.icon-discussion-gray path {
fill: var(--black-1);
}
.discussion-comment .reaction-summary-item:not(.add-reaction-btn) {
border-color: var(--white-4);
}
.btn-discussions {
color: var(--black-3);
}
.btn-discussions:focus,
.btn-discussions:hover {
background-color: transparent;
}
.btn-invisible.selected,
.btn-invisible.zeroclipboard-is-active,
.btn-invisible.zeroclipboard-is-hover,
.btn-invisible:active,
.btn-invisible:focus,
.btn-invisible:hover,
.btn-invisible[aria-selected=true] {
color: var(--blue-1);
}
/** Accepted discussion **/
.timeline-comment.current-user.timeline-chosen-answer .timeline-comment-header,
.timeline-comment.timeline-chosen-answer .timeline-comment-header {
background-color: #24442c;
border-color: #328449;
}
.timeline-comment.current-user.timeline-chosen-answer,
.timeline-comment.current-user.timeline-chosen-answer .timeline-comment-label,
.timeline-comment.timeline-chosen-answer,
.timeline-comment.timeline-chosen-answer .timeline-comment-label {
border-color: #328449;
}
.timeline-comment.current-user.timeline-chosen-answer:before,
.timeline-comment.timeline-chosen-answer:before {
border-right-color: #328449;
}
.timeline-comment.current-user.timeline-chosen-answer:after,
.timeline-comment.timeline-chosen-answer:after {
border-right-color: #24442c;
}
/** Responsive comment form **/
.page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
background-color: var(--white-1);
}
/** Actions tab **/
.file-commit-form--full {
background-color: var(--white-1);
}
/** Reactions **/
.comment-reactions .user-has-reacted {
background-color: var(--blue-3);
}
.comment-reactions.has-reactions,
.reaction-summary-item {
border-color: var(--white-3);
}
.review-comment .reaction-summary-item:not(.add-reaction-btn) {
border-color: var(--white-4);
}
.reaction-sort-item:focus,
.reaction-sort-item:hover {
background-color: var(--blue-1);
}
.reaction-sort-item[aria-checked=true] {
background-color: var(--blue-3);
border-color: var(--blue-1);
}
/** Merge branch **/
.merge-branch-heading {
color: var(--black-1);
}
.merge-branch-description {
color: var(--black-3);
}
.branch-action-state-merged .branch-action-body {
border-color: var(--white-4);
}
.branch-action-state-merged .branch-action-body:before {
border-right-color: var(--white-4);
}
/** New PR **/
.new-discussion-timeline .composer .timeline-comment:after {
border-right-color: var(--white-1);
}
.new-discussion-timeline .composer .comment-form-head.tabnav {
background-color: var(--white-1);
}
/** Milestones **/
.milestone-title-link a {
color: var(--black-1);
}
.table-list-milestones .stat {
color: var(--black-2);
}
.table-list-milestones .stat-label {
color: var(--black-3);
}
/** Organization header **/
.orghead {
background-color: var(--white-2);
border-color: var(--white-5);
color: var(--black-2)
}
.pagehead-tabs-item.selected {
background-color: var(--white-1);
border-color: #e36209 var(--white-3) transparent;
color: var(--black-1);
}
.pagehead-tabs-item .Counter {
color: var(--black-4);
}
.pagehead-tabs-item {
color: var(--black-3);
}
.pagehead-tabs-item:hover {
color: var(--black-1);
}
.pagehead-tabs-item .octicon {
color: var(--black-4);
}
/** Signed commits **/
.dropdown-signed-commit .dropdown-menu:after {
border-bottom-color: var(--white-2);
}
.dropdown-menu:before {
border-bottom-color: var(--white-3);
}
.signed-commit-header {
background-color: var(--white-2);
border-color: var(--white-3);
}
/** Releases tab **/
.release-entry {
border-color: var(--white-3);
}
.release-timeline-tags .tag-timeline-date:after {
background-color: var(--white-3);
border-color: var(--white-1);
}
@media (min-width: 768px) {
.release-main-section {
border-color: var(--white-3);
}
}
/** Branch info bar **/
.branch-infobar {
background-color: var(--white-2);
border-color: var(--white-6);
color: var(--black-3);
}
/** Add actions runner dialog **/
.blankslate code {
background-color: var(--white-1);
border-color: var(--white-5);
}
.CopyBlock:active,
.CopyBlock:focus,
.CopyBlock:hover {
background-color: var(--white-1);
}
/** PR pending review comments **/
.review-summary-form-wrapper {
background-color: var(--white-1);
}
.is-pending .file-header {
background-color: #f3e8a1;
}
.is-pending .comment-form-head.tabnav,
.is-pending .file,
.is-pending .tabnav-tab.selected {
border-color: var(--white-4);
}
.is-pending .timeline-comment--caret:after {
border-right-color: var(--white-2);
}
.is-pending .file-header a {
color: #444d56 !important;
}
/** Notifications beta **/
.notifications-list-item.notification-unread {
background-color: var(--white-1);
}
.notifications-list-item.navigation-focus {
background-color: var(--blue-3) !important;
box-shadow: inset 2px 0 0 var(--blue-1);
}
.notifications-list-item .notification-list-item-link {
color: var(--black-2) !important;
}
.notifications-list-item.navigation-focus .notification-list-item-link,
.notifications-list-item.notification-unread .notification-list-item-link {
color: var(--black-1) !important;
}
.notifications-list-item:hover .notification-list-item-actions .btn {
color: var(--black-3) !important;
}
.notifications-list-item:hover .notification-list-item-actions .btn:hover {
background-color: var(--white-3) !important;
color: var(--black-1) !important;
}
.js-notifications-back-to-inbox {
border-color: var(--white-1) !important;
}
.js-notifications-back-to-inbox:hover {
border-color: #0366d6 !important;
}
/** Flash alerts **/
.flash:not(.flash-warn) {
color: #000;
background-color: #81b0e0;
}
.flash:not(.flash-warn) .js-flash-close {
color: #000;
}
.flash-warn .link-gray-dark {
color: #24292e !important;
}
/** Side nav **/
.SideNav {
background-color: var(--white-2);
}
.SideNav-item {
border-color: var(--white-3);
color: var(--black-3);
}
.SideNav-item:focus,
.SideNav-item:hover {
background-color: var(--white-2);
color: var(--black-1);
}
.SideNav-item:focus:before,
.SideNav-item:hover:before {
background-color: var(--white-4);
}
.SideNav-item[aria-current=page]:before,
.SideNav-item[aria-selected=true]:before {
background-color: #e36209;
}
.SideNav-item:last-child {
box-shadow: 0 1px 0 var(--white-3);
}
.SideNav-item[aria-current=page],
.SideNav-item[aria-selected=true] {
background-color: var(--white-1);
color: var(--black-1);
}
/** OAuth page **/
.oauth-permissions-details .permission-title {
color: var(--black-1);
}
.oauth-permissions-details .permission-summary .access-details {
color: var(--black-3);
}
.oauth-permissions-details .permission-summary em.highlight {
background-color: var(--blue-4);
color: var(--black-3);
}
/** Misc **/
.box-shadow {
box-shadow: 0 1px 1px #ffffff1a !important
}
.protip code {
background-color: var(--white-2);
}
.thread-subscription-status {
border-color: var(--white-3);
}
.copyable-terminal {
background-color: var(--white-2);
}
.commit-message .issue-link {
color: var(--black-1);
}
.js-diff-placeholder {
fill: var(--white-5);
}
.boxed-group .heading a.boxed-group-breadcrumb,
.boxed-group > h3 a.boxed-group-breadcrumb,
.Subhead-description {
color: var(--black-3);
}
}
@-moz-document url-prefix("https://developer.github.com/"), url-prefix("https://help.github.com/") {
/** Developer and Help Doc Site **/
:root {
--white-1: #1e2022;
--white-2: #303234;
--white-3: #454647;
--white-4: #616161;
--white-5: #3a3c3d;
--white-6: #524f4f;
--white-7: #767676;
--black-1: #dfdfdf;
--black-2: #b2b6bb;
--black-3: #d1d5da;
--black-3: #b5bac1;
--black-4: #969a9f;
--blue-1: #559cf8;
--blue-2: #27364a;
--blue-3: #263242;
--blue-4: #34465f;
--blue-5: #405675;
--box-shadow: #5d5d5d26;
/** Syntax highlighting **/
--s-background: #282c34;
--s-context: #2c313a;
--s-chalky: #e5c07b;
--s-coral: #e06c75;
--s-cyan: #56b6c2;
--s-error: #f44747;
--s-ivory: #abb2bf;
--s-malibu: #61afef;
--s-sage: #98c379;
--s-stone: #5c6370;
--s-violet: #c678dd;
--s-whiskey: #d19a66;
}
body {
background-color: var(--white-1);
color: var(--black-1);
}
.rule,
hr {
border-color: var(--white-6);
}
.form-hr {
border-color: var(--white-5);
}
kbd {
background-color: var(--white-2);
border-color: var(--white-4);
box-shadow: inset 0 -1px 0 var(--white-4);
color: var(--black-4);
}
/** Backgrounds **/
.bg-custom-gradient {
background-image: linear-gradient(180deg, #69a1ff, rgba(245, 245, 245, 0)) !important;
}
section,
.sidebar-menu,
.card,
pre,
code,
#search-results-container {
background-color: var(--white-5) !important;
}
.MarketplaceBackground-buffer {
background-color: var(--white-5) !important;
}
.pricing-matrix-column-tier {
background-color: var(--white-2) !important;
}
.ais-Hits-item:hover {
background-color: #2e2e2e !important;
}
.alert.product {
background: var(--white-2) !important
}
.sidebar-module ul ul li {
border-bottom: 1px solid #454545;
background-color: transparent !important
}
.sidebar-menu .js-current .standalone a {
background-color: var(--white-2);
}
.sidebar-menu .standalone a:hover {
background-color: var(--white-2) !important;
}
.sidebar-menu li a:hover {
background-color: var(--white-4) !important;
}
.sidebar-menu li h3 a:hover {
background-color: transparent !important;
}
.card .text-black.text-bold {
color: var(--black-1) !important;
}
.card .text-black.text-bold {
color: var(--black-1) !important;
}
.sidebar-module li li a {
background-color: var(--white-2);
}
a.card.bg-gray-light:hover {
background-color: var(--white-3) !important;
}
.pricing-matrix-row:hover .pricing-matrix-row-text,
.pricing-matrix-row:hover .pricing-matrix-column-feature {
background-color: var(--white-3) !important;
}
.markdown-body table tr {
background-color: var(--white-1) !important;
}
.markdown-body table tr:nth-child(2n) {
background-color: var(--white-1) !important;
}
.bg-white {
background-color: var(--white-1) !important;
}
.bg-gray,
.bg-gray-light {
background-color: var(--white-2) !important;
}
.bg-gray-2 {
background-color: var(--white-3) !important;
}
.bg-blue {
background-color: var(--blue-1) !important;
}
.bg-blue-light {
background-color: var(--blue-3) !important;
}
/** Links **/
.subnav-link.selected {
color: var(--blue-1);
}
.link-gray-dark {
color: var(--black-1) !important;
}
.muted-link,
.link-gray {
color: var(--black-3) !important;
}
a,
.btn-link,
.btn-octicon:hover,
mark {
color: var(--blue-1) !important;
}
.muted-link:hover,
.link-gray:hover,
.link-gray-dark:hover,
.link-hover-blue:hover {
color: var(--blue-1) !important;
}
/** Text **/
div,
h1,
h2,
h2 a,
h3,
h4,
p,
li,
li a {
color: var(--black-2) !important;
}
pre,
code {
color: var(--black-1) !important;
}
.text-emphasized {
color: var(--black-1);
}
.text-gray-light {
color: var(--black-2) !important;
}
.color-gray-9,
.text-gray-dark {
color: var(--black-1) !important;
}
.text-gray,
.note {
color: var(--black-3) !important;
}
.bg-blue-2 {
color: var(--white-1);
}
.text-blue {
color: var(--blue-1) !important;
}
/** Buttons **/
.site-header-nav .dropdown-menu {
background-color: var(--white-1) !important;
}
.site-header-nav .dropdown-menu a:hover {
background-color: var(--blue-2) !important;
}
.rss-subscribe {
background-color: var(--white-5) !important;
}
.rss-subscribe:hover {
background-color: var(--blue-3) !important;
}
summary {
color: var(--blue-1) !important;
}
a.btn.btn-blue {
color: var(--black-2) !important;
}
}
a.btn-mktg {
color: var(--blue-1) !important;
}
