Last active
June 29, 2024 23:09
-
-
Save ThinaticSystem/8a19ff46f537870f6ee2c54797570bb9 to your computer and use it in GitHub Desktop.
DLsite Play(品地式カスタムダークテーマ)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*変数*/ | |
: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); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
【重要】DLsite Playの内部プログラムの更新のお知らせ 5/13追記 | DLsite|サービスインフォメーション
なんかフレームワーク変更か何かをやったっぽい
ちょっとめんどくさいけどちょっとづつ修正していきたい