カクヨムのダークテーマCSS配布【Stylus】

カクヨム(https://kakuyomu.jp)で使うダークテーマCSSの配布。

使っている汎用ダークテーマがうまく機能しないサイトだったので自作。
自分用。

注意点

ほぼ検索ページ・小説概要ページのみの調整。
トップページは大雑把に一括変更しただけ。
各所に調整漏れはある。
ビューアーページは、カクヨム右上の「ビューアー設定」から背景色を黒に変えること。

ソースコード

@-moz-document regexp("https://kakuyomu.jp/") {
/*全体*/
*:not(button)
:not(:empty){
    background: #202124 !important;
    color:#bdc1c6 !important;
    
}

}

@-moz-document domain("kakuyomu.jp") {
/*検索ページ*/
svg[class^="NavigationIcons_compactLine2Icon"] path,
svg[class^="NavigationIcons_compactLine2Icon"] g,
button[data-testid="advanced-form-container-close-button"]{
    color:rgb(122,122,122) !important;
    stroke:rgb(122,122,122) !important;
}



div[class^="RegularMediaGlobalHeader_logo"],
div[class^="RegularMediaGlobalHeader_logo"],
div[class^="RegularMediaGlobalHeader_logo"],
div[class^="RegularMediaGlobalHeader_logo"],
div[class^="RegularMediaGlobalHeader_logo"],
div[class^="RegularMediaGlobalHeader_logo"],
span[class^="Select_select"] select,
div[class^="SubHeader_subHeader"],
span[class^="SubHeader_label"],
div[class^="RegularMediaGlobalHeader_logo"] a,
li[class^="RegularGlobalHeaderLink_link"] a span,
span[class^="ButtonAppearance_buttonAppearance"],
div[class^="WorkReviewButton_workReviewButton"],
div[class^="WorkAuthorBox_boxWithArrow"],
div[class^="_workId__tab"],
div[class^="Tab_border"],
input,
form > button{
    background: #37393c !important;
    color:#bdc1c6 !important;
}


div[class^="EyeCatch_author"],
div[class^="NewBox_box"],
div[class^="WorkMeta_bg-lightBeige"],
div[class^="LayoutItem_lpartialGiftWidgetWeakText"],
div[class^="EyeCatch_catchphrase"],
div[class*="WeakText_weakText"],
body{
    background: #202124 !important;
    color:#bdc1c6 !important;
}



div[class^="RegularMediaGlobalHeader_regularGlobalHeader"]{
    background: #202124 !important;
    color:#bdc1c6 !important;
        opacity: 0;
          transition: opacity 0.3s;
}

div[class^="RegularMediaGlobalHeader_regularGlobalHeader"]:hover{
    opacity: 1;
}


div[class^="AdjustableWorkItem_catchphrases"]{
    opacity: .4;
    
}


div[class^="EyeCatch_author"]{
    line-height: 220%;
    font-weight:normal;


}

div[class^="AdjustableWorkItem_catchphrases"] div{
    
    font-size: 16px !important;
}



div[style="min-width:1185px"],
div[class^="zGlobalFooter_globalFooter"]{
    display: none !important;
}


}

@-moz-document url-prefix("https://kakuyomu.jp/works/") {

button{
    background: none !important;
}

}

@-moz-document domain("kakuyomu.jp") {
/*スクロールバー*/

div[class^="VerticalScrollBox_box"]::-webkit-scrollbar:hover {
    background-color: rgba(100, 100, 100, .09);
}

div[class^="VerticalScrollBox_box"]::-webkit-scrollbar-thumb:vertical {
    background: rgba(100, 100, 100, .5);
    -webkit-border-radius: 100px;
}

div[class^="VerticalScrollBox_box"]::-webkit-scrollbar-thumb:vertical:active {
    background: rgba(100, 100, 100, .61);
    -webkit-border-radius: 100px;
}

div[class^="VerticalScrollBox_box"]::-webkit-scrollbar {
    width: 0.5em;
    overflow: visible;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}


div[class^="VerticalScrollBox_box"]::-webkit-scrollbar-track {
    border: none;
  background: #202124 !important;
    opacity: 0 !important;
    -webkit-transition: all .5s;
}

div[class^="VerticalScrollBox_box"]::-webkit-scrollbar-thumb {
    border: none;
    overflow: visible;
    border-radius: 4px;
    background: rgba(100, 100, 100, .2);
}
}