Force GitHub contribution graph variant

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

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

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

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 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 */
    }
}