【更新終了】ニコニコ生放送の視聴ページをダークテーマ化するユーザーCSS（Stylusを想定。コントラスト等を考慮して作成されたものではありません。ポップアップ等には非対応です）。 ／ 2024-08-10 ニコニコ動画にダークモード（β）が実装されたため、復旧以後動作していなかったと思われるニコニコ動画用のCSSを削除しました。 今後は公式機能をお使いください https://blog.nicovideo.jp/niconews/225274.html ／ 2025-02-06 ニコニコ生放送にすべてのユーザーが利用可能な実験機能としてダークモードが実装されました。 これをもって、このGistの更新を終了します。今後は公式機能をお使いください https://blog.nicovid…

nicodark.user.css

@-moz-document url-prefix("https://live.nicovideo.jp/watch") {
#watchPage
{
    background-color: #333;
    color: #ccc;
}

.ga-ns-site-header,
[class*="___program-information-header-area___"],
[class*="___program-information-area___"],
.ga-ns-program-summary,
[class*="___player-status-panel___"],
[class*="___broadcast-participation-area___"],
.comment-text-box,
.ga-ns-promotion-panel,
.ga-ns-comment-panel,
.ng-setting-controller,
.tab-area,
.comment-tab,
.program-recommend-tab
{
    background-color: #333 !important;
    color: #ccc !important;
    box-shadow: none !important;
}

/* フルスクリーン シークバー・放送ネタの周りの背景 */
[class*="___leo-player___"][data-fullscreen-layout] [class*="___broadcast-participation-area___"]
{
    background-color: transparent !important;
}

/* シアターモード コメント入力欄の周りの背景 */
[class*="___leo-player___"][data-layout-mode="theater"] [class*="___player-display___"]
{
    --comment-post-panel-background-color: transparent !important;
}

/* コメントリストのスクロールバーの背景 */
[class*="___comment-data-grid___"]>.body::-webkit-scrollbar,
[class*="___comment-data-grid___"]>.body::-webkit-scrollbar-track-piece
{
    background-color: rgba(255, 255, 255, 0.25);
}

/* コメントリストのスクロールバーのツマミ */
[class*="___comment-data-grid___"]>.body::-webkit-scrollbar-thumb
{
    background-color: rgba(255, 255, 255, 0.75);
}

/* コメントリストの通常コメント文字色 */
.comment-panel .table-row[data-comment-type="normal"] .table-cell
{
    --local-comment-text-color: #ccc !important;
}

/* コメントリストの特殊コメント文字色 */
.comment-panel .table-row[data-comment-type="cruise"] .table-cell,
.comment-panel .table-row[data-comment-type="programExtend"] .table-cell,
.comment-panel .table-row[data-comment-type="quote"] .table-cell,
.comment-panel .table-row[data-comment-type="ranking"] .table-cell,
.comment-panel .table-row[data-comment-type="spi"].table-cell,
.comment-panel .table-row[data-comment-type="userFollow"] .table-cell,
.comment-panel .table-row[data-comment-type="userLevelup"] .table-cell,
.comment-panel .table-row[data-comment-type="visited"] .table-cell
{
    --local-comment-text-color: #999 !important;
}

.ga-ns-program-information,
.ga-ns-description,
.ga-ns-program-summary,
.ga-ns-program-summary h1, /* タイトル */
.ga-ns-program-summary time, /* 放送開始日時 */
[class*="___program-detail-area___"], /* 放送開始日時の周りの背景 */
.creator-support-supporter-registration-section,
.user-name, /* 放送者のユーザー名 */
.profile, /* 放送者のユーザー説明文 */
.ga-ns-user-program-broadcast-history-section h2, /* 最近の番組 */
.program-title, /* 最近の番組 タイトル */
.program-card, /* 最近の番組 背景 */
.ga-ns-user-program-broadcast-history-section a, /* 最近の番組 > もっと見る */
.ga-ns-konomi-tag-list-section, /* 放送者の好きなものリスト 背景 */
.ga-ns-konomi-tag-list-section h2, /* 放送者の好きなものリスト タイトル */
.ga-ns-related-content-panel h2, /* 関連コンテンツ タイトル */
.ga-ns-related-content-card .content-area, /* 関連コンテンツ 背景 */
.ga-ns-related-content-card .content-title, /* 関連コンテンツ コンテンツのタイトル */
.user-name-content /* 放送者画面 コメント欄 なふだのユーザー名 */
{
    background-color: #444 !important;
    color: #ccc !important;
}

.logo-anchor, /* 左上ニコニコ生放送のロゴ画像 */
.side-bar-open-button /* 左上サイドバーのハンバーガーアイコン */
{
    filter: invert(100%);
}

/* 右上広告枠の背景色 */
.ad-banner,
.ad-banner div
{
    background-color: transparent !important;
}

/* 右上広告枠の枠線色 */
.ad-banner
{
    border-color: rgba(255, 255, 255, 0.25) !important;
}

/* サイドバー非表示時に1pxの白線が左端に表示されるのを防止 */
.side-bar-area {
    outline: none;
}

}