DLsite Play（品地式カスタムダークテーマ）

dlsite_play_dark.css

/*変数*/
:root {
  --main-font-color: #C0C0C0;/*1st文字色*/
  --sub-font-color: #909090;/*2nd文字色(ちまちました文字)*/
  --top-font-color: #E0E0E0;/*上部文字色*/
  --link-font-color: #40A0C0;/*クレジットリンク文字色*/
  --top-background-color: #2060A0;/*上部背景色*/
  --top-border-color: #1070C0;/*上部ボーダー色*/
  --left-background-color: #303030;/*左部背景色*/
  --right-background-color: #2A2A2A;/*右部背景色*/
  --item-background-color: #404040;/*項目背景色*/
  --item-hover-background-color: #202020;/*項目ホバー時背景色*/
  --item-border-color: #505050;/*項目ボーダー色*/
  --dialog-title-font-color: #C0C0C0;/*ダイアログタイトル文字色*/
  --dialog-title-border-color: #B0B0B0;/*ダイアログタイトルボーダー色*/
  --dialog-background-color: #505050;/*ダイアログ背景色*/
  --dialog-border-color: #707070;/*ダイアログボーダー色*/
}

/*タイトル選択有効化*/
body, div, span, li, a {
  user-select: text !important;
}

/*吹き飛ばす*/
.sync-annotation-inner {/*トップ上部に出るクレーム防止案内*/
  display: none;
}
.recommend {/*おすすめ@ライブラリ*/
  display: none;
}
.related-products {/*おすすめ@作品ページ*/
  display: none;
}


body {/*基本文字色*/
  color: var(--main-font-color);
}
path {/*svgアイコン色*/
  fill: #C0C0C0;
}

/*上部帯*/
  /*左部*/
  #app > nav > div.title > div.menu > svg > g > path {/*ハンバーガーアイコン色*/
    fill: var(--top-font-color);
  }
  .logo path {/*ロゴ文字色*/
    fill: var(--top-font-color);
  }
  .slide-menu .title[data-v-b68c07dc] {/*背景色*/
    background-color: var(--top-background-color);
  }
  .wide .title[data-v-b68c07dc] {/*ボーダー色*/
    border-right-color: var(--top-border-color);
  }
  /*右部*/
  .navigation-bar {/*文字色*/
    color: var(--top-font-color);
  }
  .navigation-bar {/*背景色*/
    background-color: var(--top-background-color);
  }

/*左部カラム*/
.slide-menu .item[data-v-b68c07dc] {/*基本文字色*/
  color: var(--main-font-color);
}
.wide .page-content[data-v-b68c07dc] {/*背景色*/
  background-color: var(--left-background-color);
}
.slide-menu hr[data-v-b68c07dc] {/*水平ボーダー色*/
  border-bottom-color: var(--item-border-color);
}
.wide .page-content[data-v-b68c07dc] {/*垂直ボーダー色*/
  border-right-color: var(--item-border-color);
}

/*右部*/
.wide .page-content {
  background-color: var(--right-background-color);
}
  /*ライブラリ*/
    /*作品リスト*/
    .work .work-name[data-v-d29010ee] {/*タイトル文字色*/
      color: var(--main-font-color);
    }
    .work .maker-name[data-v-d29010ee] {/*メーカー文字色*/
      color: var(--sub-font-color);
    }
    .work .author-name[data-v-d29010ee] {/*著者文字色*/
      color: var(--sub-font-color);
    }
    .work[data-v-d29010ee] {/*背景色*/
      background-color: var(--item-background-color);
    }
    .work[data-v-d29010ee] {/*ボーダー色*/
      border-bottom-color: var(--item-border-color);
    }
      /*ソート*/
      .dialog-header h3 {/*「ソート順変更」文字色*/
        color: var(--dialog-title-font-color);
      }
      .dialog-header h3 {/*「ソート順変更」下ボーダー色*/
        border-bottom-color: var(--dialog-title-border-color);
      }
      .dialog-container {/*ダイアログ背景色*/
        background-color: var(--dialog-background-color);
      }
      .dialog-container.dialog li {/*ダイアログボーダー色*/
        border-bottom-color: var(--dialog-border-color);
      }
    /*作品ページ*/
    .wide .workinfo[data-v-fa209514] {/*背景色*/
      background-color: #505050;
    }
      /*ブラウザー*/
        /*メタ情報*/
        .content-box .work-name[data-v-fa209514] {/*タイトル文字色*/
          color: var(--main-font-color);
        }
        .content-box .maker-name[data-v-fa209514] {/*メーカー文字色*/
          color: var(--link-font-color);
        }
        .content-box .author-name[data-v-fa209514] {/*著者文字色*/
          color: var(--link-font-color);
        }
        .content-box * {/*項目名文字色todo not(a)的なやついれる*/
          color: var(--main-font-color);
        }
        .content-box .tags .tag-name[data-v-fa209514] {/*タグ文字色*/
          color: var(--link-font-color);
        }
        .content-box .regist-date[data-v-fa209514] {/*発売日文字色*/
          color: var(--main-font-color);
        }
        .content-box .upgrade-date[data-v-fa209514] {/*アプデ日文字色*/
          color: var(--main-font-color);
        }
        /*ロケーション*/
        .location-path {/*最後面背景色*/
          background-color: #505050;
        }
        .location-path .path-item span {/*親ディレクトリ名背景色*/
          background-color: #B0B0B0;
        }
        .location-path .path-item ::after {/*親ディレクトリ名三角部分の色*/
          border-color: transparent transparent transparent #B0B0B0 !important;
        }
        .location-path .path-item:last-child span {/*カレントディレクトリ名背景色*/
          background-color: #D0D0C5;
        }
        .location-path .path-item:last-child::after {/*カレントディレクトリ名三角部分の色*/
          border-color: transparent transparent transparent #D0D0C5;
        }
        .location-path {/*ボーダー色*/
          border-bottom-color: #808080;
        }
        /*ファイル一覧*/
        .work-tree .item .iteminfo {/*ファイル情報文字色*/
          color: var(--sub-font-color);
        }
        .work-tree .item {/*背景色*/
          background-color: var(--item-background-color);
        }
        .work-tree .item {/*ボーダー色*/
          border-bottom-color: var(--item-border-color);
        }
        /*ファイル一覧（ゲームとかドラム音源とか）*/
        .empty-box {
          color: var(--main-font-color);
        }
        .wide .work-tree {/*背景色*/
          background-color: var(--item-background-color);
        }
      /*テキストビューアー*/
      .textbox[data-v-c4f466cc] {/*背景色*/
        background-color: var(--item-background-color);
      }
      .textbox[data-v-c4f466cc] {/*ボーダー色*/
        border-color: var(--item-border-color);
      }
      /*画像ビューアー*/
      /*本編*/
        .photo-page-count {/*ページ数文字色*/
          color: var(--main-font-color);
        }
        .photo-page-controller {/*ツールバー背景色*/
          background-color: var(--item-background-color);
        }
      /*最終ページ（レコメンド）*/
      #next-books[data-v-4ae50b96] {/*最後面背景色*/
        background-color: #303030;
      }
      h2[data-v-4ae50b96] {/*「同一サークル作品」文字色*/
        color: var(--dialog-title-font-color);
      }
      .related-books-article ul .title[data-v-4ae50b96] {/*作品タイトル文字列*/
        color: var(--main-font-color);
      }
      .related-books-article[data-v-4ae50b96] {/*背景色*/
        background-color: var(--dialog-background-color);
      }
      .related-books-article[data-v-4ae50b96] {/*ボーダー色*/
        border-color: var(--dialog-border-color);
      }
  /*マイリスト*/
    /*マイリスト一覧*/
    ol.list-work .work-name[data-v-2a6243a6] {/*マイリスト名文字色*/
      color: var(--main-font-color);
    }
    ol.list-work .maker-name[data-v-2a6243a6] {/*作品数文字色*/
      color: var(--sub-font-color);
    }
    ol.list-work li[data-v-2a6243a6] {/*背景色*/
      background-color: var(--item-background-color);
    }
    ol.list-work li[data-v-2a6243a6] {/*ボーダー色*/
      border-bottom-color: var(--item-border-color);
    }
    /*マイリスト内容ページ*/
      /*メタ情報*/
      .list-info .delete[data-v-3abb465e] {/*「削除」文字色*/
        color: var(--sub-font-color);
      }
      .wide .list-info[data-v-3abb465e] {/*背景色*/
        background-color: var(--item-background-color);
      }
      .list-info[data-v-3abb465e] {/*謎ボーダー色*/
        border-bottom-color: var(--item-border-color);
      }
      /*マイリスト内容編集*/
      .work .work-name[data-v-3abb465e] {/*タイトル文字色*/
        color: var(--main-font-color);
      }
      .work .maker-name[data-v-3abb465e] {/*メーカー名文字色*/
        color: var(--sub-font-color);
      }
      .work .author-name[data-v-3abb465e] {/*著者名文字色*/
        color: var(--link-font-color);
      }
      .work .price[data-v-3abb465e] {/*価格（出現条件不明）文字色*/
        color: var(--link-font-color);
      }
      .work[data-v-3abb465e] {/*背景色*/
        background-color: var(--item-background-color);
      }
  /*プレイリスト*/
    /*プレイリスト一覧*/
    ol.list-work .work-name[data-v-b6b61616] {/*プレイリスト名文字色*/
      color: var(--main-font-color);
    }
    ol.list-work .maker-name[data-v-b6b61616] {
      color: var(--sub-font-color);
    }
    ol.list-work li[data-v-b6b61616] {/*背景色*/
      background-color: var(--item-background-color);
    }
    ol.list-work li[data-v-b6b61616] {
      border-color: var(--item-border-color);
    }
    /*プレイリスト内容*/
      /*メタ情報*/
      .list-info .list-name-box .count[data-v-755379de] {
        color: var(--sub-font-color);
      }
      .wide .list-info[data-v-755379de] {/*メタ情報背景色*/
        background-color: var(--item-background-color);
      }
      .list-info[data-v-755379de] {/*謎ボーダー色*/
        border-bottom-color: var(--item-border-color);
      }
      /*ファイル一覧*/
      ol.list-work li[data-v-755379de] {/*背景色*/
        background-color: var(--item-background-color);
      }
      ol.list-work .work-name[data-v-755379de] {/*トラック名文字色*/
        color: var(--main-font-color);
      }
      ol.list-work .maker-name[data-v-755379de] {/*作品名文字色*/
        color: var(--sub-font-color);
      }
      ol.list-work li[data-v-755379de] {/*ボーダー色*/
        border-bottom-color: var(--item-border-color);
      }
  /*ストレージ管理*/
  ol.list-work .work-name[data-v-636f08a1] {/*文字色*/
    color: var(--main-font-color);
  }
  ol.list-work li[data-v-636f08a1] {/*背景色*/
    background-color: var(--item-background-color);
  }
  /*設定*/
  ol li[data-v-11240426] {/*背景色*/
    background-color: var(--item-background-color);
  }
  ol li[data-v-11240426] {/*ボーダー色*/
    border-color: var(--item-border-color);
  }
  /*ヘルプ*/
  ol li a[data-v-5a0ae6a6] {/*文字色*/
    color: var(--main-font-color);
  }
  ol li[data-v-5a0ae6a6] {/*背景色*/
    background-color: var(--item-background-color);
  }
  ol li[data-v-5a0ae6a6] {/*ボーダー色*/
    border-color: var(--item-border-color);
  }
  /*ログアウト*/
    /*確認ダイアログ*/
    .zy-dialog-header {/*「ログアウト～しますか？」文字色*/
      color: var(--dialog-title-font-color);
    }
    body .zy-dialog-wrapper input.zy-dialog-footer-button-alt {
      color: var(--main-font-color);
    }
    .zy-dialog-content {/*背景色*/
      background-color: var(--dialog-background-color);
    }
    body .zy-dialog-wrapper input.zy-dialog-footer-button-alt, body .zy-dialog-wrapper input.zy-dialog-footer-button-main {/*ボーダー色*/
      border-color: var(--dialog-border-color);
    }
    .zy-dialog-wrapper input.zy-dialog-footer-button-alt:hover, body .zy-dialog-wrapper input.zy-dialog-footer-button-main:hover, body .zy-dialog-wrapper input.zy-dialog-footer-button-main:active {/*ホバーしたときの背景色（ここだけなぜか:hover使われてる）*/
      background-color: var(--item-hover-background-color);
    }

/*音声プレイヤー*/
.audio-player .album {/*文字色*/
  color: var(--main-font-color);
}
.audio-player .controls {/*背景色*/
  background-color: #404040;
}
/*音声プレイヤー(最小化)*/
.mini-player .album {
  color: var(--sub-font-color);
}
.mini-player {/*背景色*/
  background-color: #404040;
}
.mini-player {/*ボーダー色*/
  border-top-color: #707070;
}

/*諸々ホバーしたとき（:hover使ってほしかった）*/
#app .is-touch {
  background-color: var(--item-hover-background-color);
}

【重要】DLsite Playの内部プログラムの更新のお知らせ 5/13追記 | DLsite｜サービスインフォメーション
なんかフレームワーク変更か何かをやったっぽい
ちょっとめんどくさいけどちょっとづつ修正していきたい