Skip to content

ニコニコ動画(Re) 検索結果ダークテーマ by watanuki-azuma

Screenshot of ニコニコ動画(Re) 検索結果ダークテーマ

Details

Authorwatanuki-azuma

LicenseCC0-1.0

Categorynicovideo

Created

Updated

Size4.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

ニコニコ動画の動画検索結果ページをダークテーマ風にするなにかです。
やっつけなのでいろいろ雑です。あくまでニコニコ動画向けなので静画検索結果とかは何も対応してません。広告非表示とかは何もしていないので、他作者様の広告非表示CSSやublock等のアドオンを利用してください。

スクリーンショットを撮影した環境では本CSSおよびAgentSmith様が公開しているニコニコ動画(く) 広告消し / niconico NoAds for PCを導入しています。検索結果に要素を追加するスクリプト、CSSとかとの併用の可否は一切確認していません。

こうしたらいいよみたいなのがあればレビューに書いていただくかマイページ記載のツイッターアカウントにいただけるとなんとかするかもしれません。

Notes

2022-01-10 1.1.0
2021-10-27 1.0.1 大百科項目が存在するタグを検索した場合に表示される「続きを読む」のリンク色を修正。
2021-08-16 1.0.0 移管しました。

Source code

/* ==UserStyle==
@name           WIP ニコニコ動画(Re) 検索結果ダークテーマ
@namespace      nicovideo.jp
@author         Azuma
@description    `ニコニコ動画の動画検索結果ページをダークテーマ風にするなにかです。`
@version        1.1.0

@preprocessor	stylus
==/UserStyle== */
@-moz-document url-prefix("https://www.nicovideo.jp/search/"),
url-prefix("https://www.nicovideo.jp/tag/"),
url-prefix("https://www.nicovideo.jp/mylist_search/") {

	/* 検索結果 */
	body,
	.leadBanner,
	.trendtag.trendtagFooter,
	[data-follow-container=""],
	.container.columns .column,
	.tagCaption,
	.header,
	.videoSearchInput .inputText input,
	.formSearch .searchFormB .sbubmit input {
		background-color: #303030!important; }
	.tagCaption .tag {
		background-color: #373737 }
	.sub {
		background: none !important }
	.list .contentHeader,
	.trendtag .item:hover,
	.tagCaption .tagListBox {
		background-color: #6a6a6a }
	.trendtag .item {
		border-bottom: 1px dotted #8a8a8a }
	.list .contentHeader .title::before {
		background-color: #373737 }
	.videoList02 .itemContent .itemComment {
		background-color: #2b2b2b;
		border: 2px solid #5e5e5e; }
	.videoSearchOption .tab {
		background-color: #666 }
	.videoSearchOption .active {
		background-color: #252525 }
	.clear-button-inner-tag,
	.clear-button-inner-search {
		background: #595959; }
	.formSearch {
		background: linear-gradient( #626262, #3e3e3e) left repeat;
		box-shadow: 0 0 0 1px #1e1e1e;
		border: 2px solid #5e5e5e; }
	.formSearch .searchFormB .sbubmit input {
		box-shadow: none }
	.searchOption {
		background: #393939;
		border: 4px solid #575757; }
	.searchOption .optionList ul li.active .search-option-sort-item-label {
		background: #6a6a6a }
	.search-option-date-range-form input {
		background-color: #bbb }
	.switchingBtn:hover {
		background: #3c3c3c; }
	.switchingBtn {
		background: #515151; }
	.switchingBtn.active {
		background: #2f2f2f; }
	.search-option-date-range-form input[type="submit"] {
		background: #3c3c3c; }

	.tagCaption .itemDescription p .more {
		color: #ffc570; }
	
	.videoList01 .itemContent .itemComment{
        border-color: #818181;
        background-color: #404040;
    }
    
    .videoList01 .itemContent .itemTitle a:link{
        color: #d5be50;
    }


	div#CommonHeader.CommonHeader .nico-CommonHeaderRoot > div > div > div > div > div > div > div > a[href*="header_service"],
	div#CommonHeader.CommonHeader .nico-CommonHeaderRoot > div > div > div > div > div > div > a[href*="header_service"] {
		background-color: #666 }
	div#CommonHeader.CommonHeader .nico-CommonHeaderRoot > div > div > div > div > div > div > div > a[href*="header_service"]:hover,
	div#CommonHeader.CommonHeader .nico-CommonHeaderRoot > div > div > div > div > div > div > a[href*="header_service"]:hover {
		background-color: #2b2b2b !important }
	div#CommonHeader.CommonHeader .nico-CommonHeaderRoot > div > div > div > div > div > div > div > a[href*="header_service"] > div,
	div#CommonHeader.CommonHeader .nico-CommonHeaderRoot > div > div > div > div > div > div > a[href*="header_service"] {
		color: #eee }

	.columnChange.open {
		background: url(../../images/modules/form/search-option/columnchange_open.png) right 2px no-repeat #575757; }
	.columnChange.close {
		background: url(../../images/modules/form/search-option/columnchange_close.png) right 2px no-repeat #575757; }
	.columnChange li {
		background-color: #252525;
		mix-blend-mode: color-burn; }
	.switchingBtn {
		border: 1px solid #575757; }


	.itemDescription,
	.itemComment,
	.videoList02 .itemContent .itemComment,
	itemTitle,
	.video .itemData .count .value,
	.video .itemTime,
	h1,
	p,
	.tagCaption .tagListBox .contentHeader .edit a,
	.tagCaption .tag,
	inputText,
	input,
	.videoSearchOption .tab a,
	.switchingBtn {
		color: #cbcaca !important; }
	.videoList02 .itemContent .itemTitle a:link,
	.videoRcolumn .itemTitle a:link,
	h3,
	.searchOption .optionList ul a,
	.search-option-date-range-form > div,
	.searchOption .search-option-links .search-option-reset a,
	.searchOption .search-option-links .notice a {
		color: #d2d2d2 }
	.new,
	.tagCaption .tagListBox .contentHeader .edit a:hover {
		color: #4cc894 }
	.searchOption .optionList ul li.active .search-option-sort-item-label {
		color: #eee }
	.search-option-date-range-form input {
		color: #000 !important; }
	.videoList02 .itemContent .itemTitle a:visited {
		color: #8c8c8c }
	div [value="設定"] {
		color: #ddd !important }
	.video .itemTitle a:link {
		color: #aa7f47 }


	.contentsBox {
		margin-top: 10px; }


	h1 path {
		fill: #ccc !important }
	h1 [data-darkreader-inline-fill] {
		fill: #ccc !important; } }

Reviews

No reviews yet.