Force GitHub contribution graph variant

This style forces the GitHub contribution graph to be a specific variant, such as Halloween

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

ستحتاج إلى تثبيت إضافة مثل Stylus لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتتمكن من تثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

ستحتاج إلى تثبيت إضافة لإدارة أنماط المستخدم لتثبيت هذا النمط.

(لدي بالفعل مثبت أنماط للمستخدم، دعني أقم بتثبيته!)

/* ==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 */
    }
}