This style forces the GitHub contribution graph to be a specific variant, such as Halloween
/* ==UserStyle==
@name Force GitHub contribution graph variant
@version 1.1.4
@namespace charles25565
@license MIT
@preprocessor less
@var select variant "Variant" ["default", "halloween", "winter"]
@description This style forces the GitHub contribution graph to be a specific variant, such as Halloween
==/UserStyle== */
@-moz-document domain("github.com") {
.normal-and-not-default() when not (@variant = default) { /* Prevent any duplicate assignments if set to default */
--contribution-default-bgColor-1: var(--contribution-@{variant}-bgColor-1) !important;
--contribution-default-bgColor-2: var(--contribution-@{variant}-bgColor-2) !important;
--contribution-default-bgColor-3: var(--contribution-@{variant}-bgColor-3) !important;
--contribution-default-bgColor-4: var(--contribution-@{variant}-bgColor-4) !important;
}
.force-halloween-when-winter() when (@variant = halloween) { /* Force Halloween even when GitHub is currently set to Winter */
--contribution-winter-bgColor-1: var(--contribution-halloween-bgColor-1) !important;
--contribution-winter-bgColor-2: var(--contribution-halloween-bgColor-2) !important;
--contribution-winter-bgColor-3: var(--contribution-halloween-bgColor-3) !important;
--contribution-winter-bgColor-4: var(--contribution-halloween-bgColor-4) !important;
}
.force-winter-when-halloween() when (@variant = winter) { /* Same as above, but vice versa */
--contribution-halloween-bgColor-1: var(--contribution-winter-bgColor-1) !important;
--contribution-halloween-bgColor-2: var(--contribution-winter-bgColor-2) !important;
--contribution-halloween-bgColor-3: var(--contribution-winter-bgColor-3) !important;
--contribution-halloween-bgColor-4: var(--contribution-winter-bgColor-4) !important;
}
.force-default-always() when (@variant = default) { /* Force when in both modes */
--contribution-halloween-bgColor-1: var(--contribution-default-bgColor-1) !important;
--contribution-halloween-bgColor-2: var(--contribution-default-bgColor-2) !important;
--contribution-halloween-bgColor-3: var(--contribution-default-bgColor-3) !important;
--contribution-halloween-bgColor-4: var(--contribution-default-bgColor-4) !important;
--contribution-winter-bgColor-1: var(--contribution-default-bgColor-1) !important;
--contribution-winter-bgColor-2: var(--contribution-default-bgColor-2) !important;
--contribution-winter-bgColor-3: var(--contribution-default-bgColor-3) !important;
--contribution-winter-bgColor-4: var(--contribution-default-bgColor-4) !important;
}
.ContributionCalendar-day {
.normal-and-not-default();
.force-halloween-when-winter();
.force-winter-when-halloween();
.force-default-always();
}
span.Progress-item {
background-color: #808080 !important; /* FIXME: Set the correct color scheme for this */
}
div.float-left > span.mr-1 {
display: none !important; /* FIXME: Dynamically add the "Happy Halloween!" text when necessary */
}
}