Peppermint and orange flavored dark theme for Github
GitHub Vesper by mohvn
Details
Authormohvn
LicenseMIT
Categorygithub
Created
Updated
Size322 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name GitHub Vesper
@namespace StylishThemes
@version 2.0
@license MIT
@author mohvn
@advanced color base-color "Base color" #ffc799
@advanced color bg-color "Background Color" #101010
@advanced dropdown tab-size "Code Tab size" {
2 "2" <<<EOT
pre, .highlight, .diff-table, .tab-size {
tab-size: 2 !important;
-moz-tab-size: 2 !important;
} EOT;
4 "4" <<<EOT
pre, .highlight, .diff-table, .tab-size {
tab-size: 4 !important;
-moz-tab-size: 4 !important;
} EOT;
8 "8" <<<EOT
pre, .highlight, .diff-table, .tab-size {
tab-size: 8 !important;
-moz-tab-size: 8 !important;
} EOT;
}
==/UserStyle== */
@-moz-document regexp("^https?://((education|graphql|guides|raw|resources|status|support|vscode-auth)\\.)?github\\.com((?!(/(sponsors|readme)$)).)*$"),
domain("githubusercontent.com"),
domain("www.githubstatus.com") {
:root {
--ghd-code-color: #fffff;
--ghd-code-background: #101010;
--bgColor-inset: var(--vspr-bg-subtle) !important;
--fgColor-open: var(--vspr-fg-suc) !important;
--button-primary-bgColor-rest: var(--vspr-accent) !important;
--button-primary-fgColor-rest: var(--vspr-bg-base) !important;
--button-primary-bgColor-hover: var(--vspr-accent) !important;
--fgColor-closed: var(--vspr-fg-err) !important;
--fgColor-done: var(--vspr-accent) !important;
--AppHeader-bg: var(--vspr-bg-base) !important;
--button-primary-bgColor-active: #d7a77f !important;
--vspr-bg-base: #101010;
--vspr-bg-subtle: #1c1c1c;
--vspr-fg-base: #ffffff;
--vspr-fg-subtle: #a0a0a0;
--vspr-accent: #ffc799;
--vspr-fg-err: #ff8080;
--vspr-fg-suc: #99ffe4;
}
.markdown-body img {
background: transparent !important;
}
.AppHeader {
background-color: var(--vspr-bg-base) !important;
box-shadow: none;
}
.UnderlineNav {
box-shadow: none;
}
.border-right {
border: none !important;
}
.bVvbgP > svg:nth-child(1) {
color: #101010;
}
.jtQniD {
background: var(--vspr-bg-subtle) !important;
}
.ͼ5 .cm-content,
.ͼ5 .cm-gutters {
background: var(--vspr-bg-base) !important;
}
.ͼ6 {
color: var(--vspr-fg-subtle) !important;
}
.ͼa {
color: var(--vspr-fg-base) !important;
}
.ͼd,
.ͼc {
color: var(--vspr-accent) !important;
}
.ͼb,
.ͼ9 {
color: var(--vspr-fg-suc) !important;
}
.pl-c,
.pl-c span {
color: #5f5a60!important
}
.pl-c1,
.pl-cce,
.pl-cn,
.pl-coc {
color: #fff!important
}
.pl-cos {
color: #8f9d6a!important
}
.pl-e,
.pl-ef,
.pl-en {
color: #ffc799!important
}
.pl-enc {
color: #cf6a4c!important
}
.pl-enf,
.pl-enm {
color: #ac885b!important
}
.pl-ens {
color: #cf6a4c!important
}
.pl-ent {
color: #cda869!important
}
.pl-entc,
.pl-enti {
color: #ac885b!important
}
.pl-entm {
color: #7587a6!important
}
.pl-eoa {
color: #cda869!important
}
.pl-eoac,
.pl-eoac .pl-pde {
color: #7587a6!important
}
.pl-eoai,
.pl-eoai .pl-pde {
color: #cda869!important
}
.pl-eoi {
color: #ac885b!important
}
.pl-k {
color: #a0a0a0!important
}
.pl-ko,
.pl-kolp {
color: #cda869!important
}
.pl-kos,
.pl-kou {
color: #a0a0a0!important
}
.pl-mai .pl-sf {
color: #7587a6!important
}
.pl-mb {
color: #8f9d6a!important
}
.pl-mc {
color: #cda869!important
}
.pl-mh,
.pl-mh .pl-pdh {
color: #cf6a4c!important
}
.pl-mi {
color: #cda869!important
}
.pl-ml {
color: #8f9d6a!important
}
.pl-mm {
color: #7587a6!important
}
.pl-mp {
color: #c5af75!important
}
.pl-mp1 .pl-sf {
color: #dad085!important
}
.pl-mq {
color: #cf6a4c!important
}
.pl-mr,
.pl-ms {
color: #cda869!important
}
.pl-pdb {
color: #8f9d6a!important
}
.pl-pdc {
color: #5f5a60!important
}
.pl-pdc1,
.pl-pde {
color: #cf6a4c!important
}
.pl-pdi {
color: #cda869!important
}
.pl-pds {
color: #8f9d6a!important
}
.pl-pdv {
color: #7587a6!important
}
.pl-pse,
.pl-pse .pl-s2 {
color: #cf6a4c!important
}
.pl-s {
color: #99ffe4!important
}
.pl-s1,
.pl-s2 {
color: #ccc!important
}
.pl-mp .pl-s3 {
color: #cda869!important
}
.pl-s3,
.pl-sc {
color: #dad085!important
}
.pl-scp {
color: #cf6a4c!important
}
.pl-sf {
color: #dad085!important
}
.pl-smc {
color: #ac885b!important
}
.pl-smi,
.pl-smp {
color: #ccc!important
}
.pl-sok {
color: #cda869!important
}
.pl-sol {
color: #8f9d6a!important
}
.pl-som,
.pl-sr {
color: #7587a6!important
}
.pl-sra,
.pl-src,
.pl-sre,
.pl-st {
color: #cda869!important
}
.pl-stj {
color: #7587a6!important
}
.pl-stp,
.pl-sv,
.pl-v {
color: #ffffff!important
}
.pl-vi {
color: #cf6a4c!important
}
.pl-vo {
color: #ac885b!important
}
.pl-vpf {
color: #7587a6!important
}
.pl-mdht,
.pl-mi1 {
background: #020!important;
color: #55a532!important
}
.pl-md,
.pl-mdhf {
background: #200!important;
color: #bd2c00!important
}
.pl-mdr {
color: #cf6a4c!important
}
.pl-mdh,
.pl-mdi {
color: #7587a6!important
}
.pl-bu,
.pl-ii,
.pl-ii .pl-cce {
background-color: #df5000!important;
color: #fff!important
}
.pl-mo {
color: #969896!important
}
.pl-mri {
color: teal!important
}
.pl-ms1 {
background-color: #f5f5f5!important
}
.pl-va,
.pl-vpu {
color: teal!important
}
.pl-entl {
color: #ccc!important
}
.highlight .pl-corl span.x,
.pl-corl {
color: #f9ee98!important;
text-decoration: underline!important
}
.pl-token.active,
.pl-token:hover {
background: #ac885b!important;
color: #ccc!important;
}
.TCenl {
background-color: #101010;
}
button {
color: #b5b5b5;
}
/* https://github.com/StylishThemes/GitHub-Dark/issues/968 */
input,
textarea {
color: #c6c6c6;
}
/* fix lower half of notifications page being opaque */
html {
background: transparent;
}
svg[fill="none"] {
fill: none;
}
a[href^="https://apps.apple.com"] svg {
fill: #000;
}
.alert {
background: #182030;
border-color: #246;
}
.CircleBadge,
check-steps,
[id*="-list-view-node-"] {
background: #181818 !important;
}
.brJRqk,
.sGlDF,
.sGlDF > td {
background: #181818 !important;
}
.brFBoI {
border-color: #343434;
}
/* repo page */
.js-snippet-clipboard-copy-unpositioned {
background: #181818;
}
/* charts */
[data-testid="chart-card"] {
background: #181818;
}
.highcharts-background {
fill: none !important;
}
/* commits list */
.listviewitem {
background: #181818;
}
.cPEOjV {
background: none !important;
}
.jMdYTc,
.cPEOjV,
.eYedVD {
background: #202020 !important;
}
.icPbzT,
.bJOEVt {
color: #aaa !important;
}
.cWpRkn,
.eeKhJr {
background-color: #202020 !important;
border-color: #202020 !important;
}
/* frontpage background */
.application-main > div > .color-bg-inset {
background: transparent !important;
}
[data-component="IconButton"] {
color: #aaa !important;
}
.kbjJSF,
.kpTqBE {
border-color: #383838 !important;
background: #202020 !important;
}
.lhyFLG,
.bqFowW,
.dXveNa,
.jepClM,
.ddNLNa,
.kdEavw,
.gATYcR,
.giEfVQ {
background: #202020 !important;
border-color: #343434 !important;
}
.cwSUxL,
.fWVgeN,
.gATYcR svg,
.bqFowW,
.kpTqBE {
color: #ccc !important;
}
.bESQXL {
background: #222 !important;
}
button[aria-current="true"] > .segmentedControl-content {
border-color: #484848 !important;
background: #222 !important;
color: #ccc !important;
}
[data-component="leadingVisual"] {
color: #ccc !important;
}
body[class="page-responsive"] .list-options .list-item > .octicon {
color: #181818;
}
.text-mono,
.kKFNhh,
.Link--secondary {
color: #aaa !important;
}
/* remove frontpage background */
.application-main > .color-bg-default,
.feed-background {
background: transparent !important;
}
/* remove feed item sub-background */
.feed-item-content .color-bg-subtle {
background: transparent !important;
}
/* generated github-mobile rules */
/* begin github.com rules */
.discover-people-gradient {
background: radial-gradient(ellipse at 40% -8%, var(--bgColor-accent-muted, var(--color-accent-muted)) 0, transparent 48%), radial-gradient(ellipse at 60% -8%, var(--bgColor-done-muted, var(--color-done-muted)) 0, transparent 48%);
}
.discussion-nested-comment-paging-form::before {
background-color: transparent;
}
:target .discussion-nested-comment-group .timeline-comment,
:target .nested-discussion-timeline-comment {
box-shadow: none !important;
}
.btn-mktg {
background: linear-gradient(180deg, hsla(0, 0%, 0%, .15) 0%, transparent 100%), var(--color-mktg-btn-bg) !important;
}
.btn-mktg::before {
background: linear-gradient(180deg, hsla(0, 0%, 0%, .15) 0%, transparent 100%) !important;
}
.btn-subtle-mktg,
.btn-subtle-mktg::before {
background: none !important;
}
.btn-signup-mktg {
background: linear-gradient(180deg, rgba(52, 183, 89, .15) 0%, rgba(46, 164, 79, 0) 100%), #373 !important;
}
[data-color-mode=dark] .box-shadow-card-border-mktg {
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1) !important;
}
.box-shadow-card-border-light-mktg {
box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1), 0 3px 2px rgba(0, 0, 0, .04), 0 7px 5px rgba(0, 0, 0, .02), 0 13px 10px rgba(0, 0, 0, .02), 0 22px 17px rgba(0, 0, 0, .02) !important;
}
.box-shadow-card-dark-mktg {
box-shadow: 0 0 0 1px #f0f0f0, 0 30px 30px rgba(0, 0, 0, .07), 0 15px 15px rgba(0, 0, 0, .06), 0 10px 8px rgba(0, 0, 0, .05), 0 4px 4px rgba(0, 0, 0, .04), 0 2px 2px rgba(0, 0, 0, .03);
}
.box-shadow-card-dark-mktg::after {
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, .1);
}
.text-white-fade {
color: hsla(0, 0%, 0%, .7) !important;
}
.code-pink {
color: #c49;
}
.bg-radial-white {
background: radial-gradient(145.3% 145.3% at 65.91% 0%, #181818 0%, #f0f0f0 100%);
}
.text-gradient-blue-purple {
background: -webkit-linear-gradient(-70deg, #4f8cc9 0%, #804eda 100%);
}
.font-mktg [data-color-mode=dark] {
--color-fg-default: #181818 !important;
}
.header-overlay .Header:not(.open),
.header-overlay...