DLsite Playダークテーマ

dlsite_play_dark.css

:root {
  --theme-c: #457;
  --accent-c: #4a7bc0;
  --fc1: #a7a7a7;
  --fc2: #89a;
  --fc-black: #383838;
  --link-fc: #599;
  --card-bg-c: #393942;
  --card-bc-hover: #364358;
  --border-c: #555;
}

/* 🧹 */
div[class ^= Guidance_syncAnnotation] {
  display: none;
}

/* global */
body {
  color: var(--fc1);
}
/* ヘッダー */
header[class ^= Header_loHeader],
div[class ^= Menu_head] {
  background-color: var(--theme-c);
}
header[class ^= Header_loHeader] {
  border-color: #46b;
}
/* 左メニュー */
svg[class ^= Menu_icon] {
  fill: #999 !important;
}
li[class ^= Menu_item] span:hover {
  background-color: #345170 !important;
}
div[class ^= Menu_loMenu] {
  background-color: #303742;
}
li[class ^= Menu_item] {
  border-color: var(--border-c) !important;
}
main[class ^= MainContent] {
  background-color: #282828;
  border-color: var(--border-c);
}

/* [ライブラリ]作品リスト */
div[class ^= WorkList_header] {
  color: var(--fc2) !important;
}
div[class ^= WorkList_list] {
  background-color: var(--card-bg-c);
}
div[class ^= WorkList_link]:hover {
  background-color: var(--card-bc-hover) !important;
}
div[class ^= WorkList_workName] {
  color: var(--fc1) !important;
}
div[class ^= WorkList_authorName],
div[class ^= WorkList_makerName] {
  color: var(--fc2) !important;
}

/* 作品ページ */
div[class ^= WorkInfo_info] {
  background-color: var(--card-bg-c);
}
p[class ^= WorkInfo_maker] > a,
p[class ^= WorkInfo_cien] > a,
span[class ^= WorkInfo_name] {
  color: var(--link-fc) !important;
}
hr[class ^= WorkInfo_line] {
  border-color: var(--border-c) !important;
}
div[class ^= WorkInfo_download] > button {
  background-color: var(--accent-c) !important;
}
p[class ^= WorkInfo_data] {
  color: var(--fc1) !important;
}
p[class ^= WorkIgnore_text] {
  color: var(--fc1) !important;
}
input[class ^= WorkIgnore_checkbox]:checked + label {
  background-color: var(--accent-c) !important;
}
ul[class ^= WorkBreadcrumb_breadcrumb] {
  background-color: #42495a;
}
ul[class ^= WorkBreadcrumb_breadcrumb] > li > span{
  color: var(--fc-black);
  background-color: #8094aa !important;
}
ul[class ^= WorkBreadcrumb_breadcrumb] > li > span::after,
ul[class ^= WorkBreadcrumb_breadcrumb] > li::after {
  border-color: transparent transparent transparent #8094aa !important;
}
ul[class ^= WorkBreadcrumb_breadcrumb] > li:hover span {
  background-color: #8bc !important;
}
ul[class ^= WorkBreadcrumb_breadcrumb] > li:hover span::after,
ul[class ^= WorkBreadcrumb_breadcrumb] > li:hover::after {
  border-color: transparent transparent transparent #8bc !important;
}
ol[class ^= WorkTreeList_tree] {
  border-color: var(--border-c);
}
div[class ^= WorkTree_worktree] {
  background-color: var(--card-bg-c);
}
p[class ^= WorkTreeList_info] {
  color: var(--fc2) !important;
}
svg[class ^= WorkAudioItem_audioPlay] {
  fill: var(--accent-c) !important;
}
li[class ^= WorkTreeList_item] {
  border-color: var(--border-c) !important;
}
li[class ^= WorkTreeList_item]:hover {
  background-color: var(--card-bc-hover);
}
h2[class ^= WorkRelation_title] {
  color: var(--fc2) !important;
}
li[class ^= Work_list] {
  background-color: var(--card-bg-c);
  border-color: var(--border-c);
}
div[class ^= ListViewItemContent_workName] {
  color: var(--fc1);
}
div[class ^= ListViewItemContent_authorName],
div[class ^= ListViewItemContent_makerName] {
  color: var(--fc2);
}
a[class ^= ListViewItem_link]:hover {
  background-color: var(--card-bc-hover);
}
div[class ^= MiniPlayer_miniPlayer] {
  background-color: #373a46;
  border-color: var(--border-c);
}
div[class ^= MiniPlayer_duration] {
  background-color: var(--accent-c) !important;
}
.rc-slider-handle::before,
.rc-slider-track {
  background-color: var(--accent-c) !important;
}











/*
.Menu_text__08WaG {
  display: none !important;
}
*/