ニコニコ動画(Re:仮)用のダークモードUserCSS

Nicokari-darkmode.user.css

/* ==UserStyle==
@name           Nicokari-darkmode
@namespace      cyaki_ncrkdm
@version        0.1.0-a
@description    ニコニコ動画(Re:仮)用のダークモードUserCSS。
@author         CYakigasi
@license        CC BY SA 4.0
==/UserStyle== */

/* Stylusプリプロセッサーのバックスラッシュ関連に少し難がありそうなので(二重にしてもダメだった)、とりあえずPMDarkだけにしています */
@-moz-document domain("www.nicovideo.jp") {
    html {
      /* 基本背景色 */
      --bgcolor1: #252525;
      /* サブ背景色1 */
      --bgcolor2: #333;
      /* サブ背景色2 */
      --bgcolor3: #666;
      --bgcolor4: #aaa;
      --textcolor1: #fff;
      --textcolor2: #ddd;
      --textcolor3: #aaa;
      --textcolornew: #e05050;
      --accent1: #444;
      --accent2: #888;
      --hover1: #666;
      --hover2: #aaa;
      --linktext1: #8fb9df;
      --linktext2: #8ed9ff;
      --linktext3: #008acf;
      --nicoru1: rgba(201,168,62,0.1);
      --nicoru2: rgba(201,168,62,0.2);
      --nicoru3: rgba(201,168,62,0.35);
      --nicoru4: rgba(201,168,62,0.5);
      --dangerous1: rgb(245, 71, 71)
    }
    @layer utilities {
        .text_\#666 {
            color: var(--textcolor2)
        }
        body {
            background: var(--bgcolor1);
            color: var(--textcolor1);
        }
        .\[\&_input\]\:border-t_2px_solid_\#dadada input {
            border-top: 2px solid var(--accent1);
        }
        .\[\&_input\]\:border-b_2px_solid_\#dadada input {
            border-bottom: 2px solid var(--accent1);
        }
        .border-r_2px_solid_\#dadada {
            border-right: 2px solid var(--accent1);
        }
        .border-l_2px_solid_\#dadada {
            border-left: 2px solid var(--accent1);
        }
        .border-b_2px_solid_\#ccc {
            border-bottom: 2px solid var(--accent1)
        }
        .text_\#333 {
            color: var(--textcolor1);
        }
        header > nav > div > a[href="/"] > svg path {
            fill: var(--textcolor1)
        }
        .fill_\#888 {
            fill: var(--textcolor2);
        }
        .bg_\#efefef {
            background: var(--bgcolor2);
        }
        .text_\#0969da, .text_\#007cff {
            color: var(--linktext1);
        }
        .border_\#d0d0d0_solid_1px {
            border: var(--accent1) solid 1px;
        }
        .bg_\#fff {
            background: var(--bgcolor2)
        }
    }
}