Skip to content

git-scm.com dark by forivall

Details

Authorforivall

LicenseCC Zero

Categorygit-scm

Created

Updated

Code size5.6 kB

Code checksume471c78e

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

dark theme for the git documentation website

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           git-scm.com alt dark
@namespace      forivall
@author         Emily Klassen
@description    improved dark theme for the git documentation website
@version        1.3.1
@preprocessor   less
==/UserStyle== */
@-moz-document domain("git-scm.com") {
  
body {
  color: #ececec;
  background: #300a24;
  border-color: #1e1e1e;
}
  
  
.section-nav-container, #reference-version, #book-chapters {
  background-color: #26081d;
}
#masthead {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzNSIgaGVpZ2h0PSIyMSI+PHBhdGggZD0iTTE3LjUgMCAwIDEwLjUgMTcuNSAyMSAzNSAxMC41WiIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6Z3JheTtzdHJva2Utd2lkdGg6MTtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLW9wYWNpdHk6LjEiLz48L3N2Zz4=);
  background-color: #2e2e2e60;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1) {
  #masthead {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI3MCIgaGVpZ2h0PSI0MSI+PHBhdGggZD0iTTM1IDAgMCAyMC41IDM1IDQxbDM1LTIwLjVaIiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTpncmF5O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnNxdWFyZTtzdHJva2Utb3BhY2l0eTouMSIvPjwvc3ZnPg==);
  }
}
#main, #search-div {
  color: #ececec;
  background-color: #2e2e2e;
  border-color: #585858;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) #search-results table td.category {
    color: #ececec;
    background-color: #2e2e2e;
  }
  :root:not([data-theme="light"]) #search-results table td.category,
  :root:not([data-theme="light"]) #search-results table td,
  :root:not([data-theme="light"]) #search-results table {
    border-color: #585858;
  }
  :root:not([data-theme="light"]) #search-results table {
    border-style: none solid solid solid;
    border-width: 1px;
  }
  :root:not([data-theme="light"]) #search-results button {
    border-color: var(--main-bg);
    border-style: ridge;
  }
}
:root[data-theme="dark"] #search-results table td.category {
  color: #ececec;
  background-color: #2e2e2e;
}
:root[data-theme="dark"] #search-results table td.category,
:root[data-theme="dark"] #search-results table td,
:root[data-theme="dark"] #search-results table {
  border-color: #585858;
}
:root[data-theme="dark"] #search-results table {
  border-style: none solid solid solid;
  border-width: 1px;
}
:root[data-theme="dark"] #search-results button {
  border-color: var(--main-bg);
  border-style: ridge;
}
  
a {
  color: #62abc2;
}

h1, ol.book-toc h2 {
  color: #ececec;
}
  
h2, h3, h4, h5, h6, #front-nav a {
  color: #c1b2a7;
}
  
.jfk-bubble.gtx-bubble, .captcheck_answer_label > input + img, span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], span[data-href^="https://www.hcaptcha.com/"] > #icon, #bit-notification-bar-iframe, ::-webkit-calendar-picker-indicator, img[alt="Git"] {
  filter: invert(100%) hue-rotate(180deg) contrast(90%);
}
img[src^="/images/about/branches"],
img[src^="/images/about/workflow-"]{
  filter: invert(100%) hue-rotate(180deg) contrast(90%);
}
aside nav ul li a {
  color: #ececec;
}
aside nav ul li a.active, aside nav ul li a:hover {
  color: #f2724d;
}


pre, .edition2 pre, #documentation #main div.verseblock pre.content,
.edition2 code, .edition2 #documentation #main p tt, #documentation #main p .edition2 tt {
  color: #ececec;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
pre code, .edition2 pre code, .edition2 pre #documentation #main p tt, #documentation #main p .edition2 pre tt {
  background-color: #1e1e1e;
}
pre[data-code-language="console"] code.gp {
  color: #393;
}
pre[data-code-language="console"] code.go {
  color: #ececec;
}

  #documentation #main p em {
    color: #ececec;
  }
  
p code, code, #documentation #main p tt {
  color: #e07a28;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}

#flippy-book #book-cover-inside {
  color: #ececec;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}

.dropdown-panel {
  color: #ececec;
  background-color: #424242;
  border-color: #424242;
}
.dropdown-panel a {
  color: #ececec;
}
.dropdown-panel a:hover {
  color: #f14e32;
}

a.dropdown-trigger.active {
  color: #ececec !important;
  background-color: #424242 !important;
  border-color: #424242 !important;
}

a.subtle-button {
  background-image: linear-gradient(#2d2d25, #282720);
  /* background-image: linear-gradient(#f1f1e9, #eae9e1); */
  border-top-color: #1d1b15;
  border-right-color: #1d1b15;
  border-bottom-color: #1e1d17;
  border-left-color: #1d1b15;
  box-shadow: 0 1px 0 #262620;
}
a.subtle-button:hover {
  background-image: linear-gradient(#262620, #1f1e19);
}
a.subtle-button.selected {
  /* linear-gradient(#d7d7c1, #cbc9b4) */
  background-image: linear-gradient(#1d1c0b, #191707);
}

aside.sidebar .callout, aside.sidebar #book-container, aside.sidebar .bottom-nav, aside.sidebar #logo-license {
  background-color: rgba(20, 18, 13,0.33)
}
 
#main .callout, #main .bottom-nav, #main #logo-license, #main #book-container,
#search-div ol {
  background-color: #24231d;
}
#search-div input.pagefind-ui__search-input {
  background-color: #24231d;
  border-color: transparent;
  outline: 0.5px solid #585858;
  border-radius: 2px;
}
 
footer {
  border-color: #585858;
}
.highlight, mark {
  background-color: #81681d;
}
mark {
  color: inherit;
}

footer a {
  color: #a07904;
}
footer a:hover {
  color: #f7bf15;
}
}

Reviews

No reviews yet.