☰

Force GitHub contribution graph variant

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

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

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

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 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 */
    }
}