dark theme for the git documentation website
git-scm.com dark by forivall
Details
Authorforivall
LicenseCC Zero
Categorygit-scm
Created
Updated
Size5.8 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name git-scm.com dark
@namespace forivall
@author Emily Klassen
@description dark theme for the git documentation website
@version 1.2.0
@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;
}
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;
}
footer .site-source {
background-color: transparent;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzgiIGhlaWdodD0iMjMiPjxkZWZzPjxmaWx0ZXIgaWQ9ImRhcmtyZWFkZXItaW1hZ2UtZmlsdGVyIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMC4yNDkgLTAuNjE0IC0wLjY3MiAwLjAwMCAxLjAzNSAtMC42NDYgMC4yODggLTAuNjY0IDAuMDAwIDEuMDIwIC0wLjYzNiAtMC42MDkgMC4yNTAgMC4wMDAgMC45OTQgMC4wMDAgMC4wMDAgMC4wMDAgMS4wMDAgMC4wMDAiIC8+PC9maWx0ZXI+PC9kZWZzPjxpbWFnZSB3aWR0aD0iMzgiIGhlaWdodD0iMjMiIGZpbHRlcj0idXJsKCNkYXJrcmVhZGVyLWltYWdlLWZpbHRlcikiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ1lBQUFBWENBUUFBQURORXZVdEFBQUJRRWxFUVZSNEFhMlUyVzZETUJCRmp3MEpKSlFra05Lc3pWSWl4UEwvLzFmSkd0bXk1RkphY1I1bnVUQjNOR1l5aXB5TW1hZ1lHRmd6QzQwUjJ6SURxWkhxaWY3VHVpY0dIQWNqOWdTZ21QNS9FU2Q2QnE2QW96WmlKZkFtc2dtL1V0QXlTS05qS2JFRmtFaEZ6d2VhSDFsUlM5T0xESEM4bTJnTmhnVzNZSjBsNWlJRkxYc1VQaytUcVhEa05GSi84WmVpMk5QYVZCejRVRzl5S2VEUUhDWGVzblBEdlVTb1prV0kwbVNiVVdNZUxBSDVwNDZDTUloREJ4eitWSjBvSlBBVTdSc0xRbWk2MFVOeWsyMUFVU0hhQWV0aEs3Nm84YlZSSWlROHJHOHBQbGNUUHlNRTEzWW14bU1ucVo0ajJyVklOTWNuczlaL2hkY1cyWjl1YkhNdUJtaHZ1S3Nkcm1DRXpOcFpBWEJpOE8vVW5STW5Jc1pCVWRFejhCbCt4ZXlocDB4a1NVa01ySU92MkphY3Z5T3YySjFadU10ak5Bc2JPaDVvSnZJTlpoSWlBTEsvbFRrQUFBQUFTVVZPUks1Q1lJST0iIC8+PC9zdmc+");
}
}