ニコ生(Re) ダークテーマ(Niconico Live Dark Theme) by watanuki-azuma
Details
Authorwatanuki-azuma
LicenseCC0-1.0
Categorynicovideo
Created
Updated
Size60 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
2022-01-12 1.2.0 Stylus言語に置き換え（といってもほとんど流用しています…）また統合版に先行していた部分を追加
2021-09-05 1.1.1 ニコニ貢献ページに対応
2021-08-16 1.1.0 ヘッダーメニューの見直し及び軽微な修正
2021-08-16 1.0.0 移管しました。
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name ニコニコ生放送 ダークテーマ
@namespace https://live.nicovideo.jp
@version 1.2.8
@description ニコニコ生放送のダークテーマです。
@author Azuma
@preprocessor stylus
@license CC0-1.0
@var select OldVolumebar "[生放送]ボリュームバーを常時表示にする"[
"Disable",
"Enable"
]
@var select ExtendedNicoLivePlayer "[実験的][生放送]プレイヤーを拡大"[
"None",
"FWXGA",
"HDPlus",
"FHD",
"WQHD",
"Custom"
]
@var text CustomNicoLivePlayerWidth "[実験的][Custom用]数値を入力" 1440
==/UserStyle== */
FontColor = #ddd
@-moz-document url-prefix("https://live.nicovideo.jp/"){
[class^="___focus-page___"]{
background-color #404040
}
section[class^="___pickup-contents-list-section"]{
ul{
a[class*="___contents-card"]{
background-color #303030
border-color #404040
div{
p[class^="___contents-title"]{
color FontBase
}
}
}
}
}
}
[class^="___feature-program-section___"],
[class^="___pickup-contents-list-section___"],
[class^="___feature-program-section___"] {
background-color: #404040 !important; }
@-moz-document url-prefix("https://live.nicovideo.jp/search") {
/* ニコ生検索結果 */
.billboard-ad-section,
div.kokoku,
div#followContents > iframe,
div#footer_ads {
display: none; }
body {
background-color: #2b2b2b;
color: #ddd; }
.search-input-area {
background: #404040; }
.searchPage-Layout_Section {
background-color: #404040;
border: none; }
.searchPage-ProgramList_TitleLink,
.searchPage-ProgramList_Description,
.searchPage-ProgramList_UserNameLink,
.searchPage-ProgramList_DataText,
.searchPage-SearchHeader_ButtonContent,
.searchPage-SearchSubHeader_LinkContent,
.page_top a {
color: #ddd; }
.searchPage-Pager_Item-next[data-disabled=true],
.searchPage-Pager_Item-prev[data-disabled=true],
.searchPage-Pager_Item[data-disabled=true] {
background-color: #2b2b2b;
color: #7a7a7a; }
.searchPage-Pager_Item,
.searchPage-Pager_Item-next,
.searchPage-Pager_Item-prev {
background-color: #2b2b2b;
color: #ddd; }
.searchPage-SearchHeader_ButtonInput:checked + .searchPage-SearchHeader_ButtonContent {
color: #eb9f2d;
box-shadow: 0 -2px 0 0 #eb9f2d inset }
.searchPage-ProgramList_UserNameLink:hover,
.searchPage-SearchHeader_Button:hover .searchPage-SearchHeader_ButtonContent,
.searchPage-ProgramList_TitleLink:hover,
.searchPage-ProgramList_UserOtherLink {
color: #eb9f2d; }
.searchPage-ProgramList_TitleIcon-pay,
.searchPage-ProgramList_TitleIcon-private {
border-color: #cbcbcb;
color: #1f1f1f;
background-color: #f0f0f0; }
.feedback_link a,
.page_top a:hover {
color: #555; }
.page_top a::after,
.page_top a::before {
filter: invert(1); } }
@-moz-document url-prefix("https://live2.nicovideo.jp/"),
url-prefix("https://live.nicovideo.jp/recent"),
url-prefix("https://live.nicovideo.jp/") {
/* ニコ生総合 */
/* たぶんトップ */
/* 広告 */
[class^="___billboard-ad___"],
#header-ad,
#middle-ad,
#nicoadProgramListSection,
#footer-ad {
display: none !important; }
/* 非ログイン時 */
[class^="___user-login-section___"] > [class^="___main-message___"],
[class^="___user-login-section___"] > [class^="___description-message___"] {
color: #ddd; }
#common-header > div > div > div > div.common-header-wb7b82 > div.common-header-1mt59xu > div.common-header-1ivnjlh > div > div.common-header-1cuw74j > div.common-header-ibyxl4 {
background-color: #666; }
/* ヘッダーメニュー */
#common-header > div > div > div > div > div > div > div > div > a:nth-child(n),
#common-header > div > div > div > div > div > div > div > a {
background-color: #666 }
#common-header > div > div > div > div > div > div > div > div > a:nth-child(n) > div,
#common-header > div > div > div > div > div > div > div > a {
color: #eee }
#common-header > div > div > div > div > div > div > div > div > a:nth-child(2n) {
border-left: 1px solid #666 }
/* ユーザー */
#common-header > div > div > div > div > div > div > div > div > a[href^="https://www.nicovideo.jp/my"] > div,
#common-header > div > div > div > div > div > div > div > div > div > a:nth-child(n),
#common-header > div > div > div > div > div > div > div > div,
#common-header > div > div > div > div > div > div > div > div > div:nth-child(2) > label,
#common-header > div > div > div > div > div > div > div {
background-color: #666 }
#common-header > div > div > div > div > div > div > div > div > a[href^="https://www.nicovideo.jp/my"] > div:hover,
#common-header > div > div > div > div > div > div > div > div > div > a:nth-child(n):hover,
#common-header > div > div > div > div > div > div > div > div > a:nth-child(n):hover {
background-color: #2b2b2b }
#common-header > div > div > div > div > div > div > div > div > div {
border-top: 1px solid #666;
color: #eee }
#common-header > div > div > div > div > div > div > div > div > div > a:nth-child(n) {
border-bottom: 1px solid #666 }
#common-header > div > div > div > div > div > div > div > div > a > div > div,
#common-header > div > div > div > div > div > div > div > div > div > a:nth-child(n) > div,
#common-header > div > div > div > div > div > div > div > div > div:nth-child(2) > label > span {
color: #eee }
/* お知らせ */
#common-header > div > div > div > div > div > div > div > div > div > div:nth-child(n) {
background-color: #666 }
#common-header > div > div > div > div > div > div > div > div > div > div:nth-child(n) > a > div {
color: #ddd }
/* 公式枠 */
[class^="___program-provider-type-label___"][data-provider-type=official]{
color: #ffde1f;
border-color: #ffde1f;
}
/* タイムシフトカウント */
[class^="___timeshift-reserved-count___"] > span > span{
color: #ddd;
}
/* カード背景色 */
[class^="___program-card___"][data-layout-type="card-view"]{
background-color: transparent;
}
/* infoarea */
[class^="___event-information-anchor-list-section___"] > div > a[role="listitem"]:hover,[class^="___system-information-anchor-list-section___"] > div > a[role="listitem"]:hover{
background-color: #555;
}
/* 番組ページ送りボタン */
button[class^="___page-selector___"]:not(:disabled):hover{
background-color: rgb(84 84 84);
height: 40px;
border-radius: 9999px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
button[class^="___page-selector___"][data-name=next],button[class^="___page-selector___"][data-name=prev]{
height: 40px;
border-radius: 9999px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* ページヘッダーボックスシャドウ */
[class^="___page-header-area___"]{
box-shadow 0 1px 3px 0 #ababab4d !important
}
/* 好みタグ */
[class^="___main-contents-search-area___"] {
background-color: #404040 }
li > a[class*="___tag-card___"] {
background-color: #545454 }
[class^="___name-label"][aria-label$="を好きな放送者の番組を検索する"],
span[class^="___number___"] {
color: #ddd }
[class^="___user-follow-konomi-tag-list-section"] > [class^="___header"] {
border-bottom: 2px solid #545454;
background-color: #545454 }
section[class^="___user-follow-konomi-tag-list-section"] > ul[class^="___tag-list___"] {
background-color: #545454 }
span > a[href^="recent?hasKonomiTag="]:hover {
background-color: #b3b3b3;
color: #333 !important;
border-radius: 8px; }
li[class^="___item"] > a[class^="___tag"] > span[class^="___label"],
li[class^="___item"] > a[class^="___tag"] > span[class^="___number"] {
color: #ddd; }
form[class^="___konomi-tag-search-form"] > div > input[type="text"][placeholder="好みタグを検索する"]:focus {
background-size: 16px 16px;
border-color: #c5c5c5; }
form[class^="___konomi-tag-search-form"] > div > input[type="text"][placeholder="好みタグを検索する"] {
color: #ddd; }
[class^="___setting-button___"] > svg > path {
fill: #ddd; }
button[class^="___setting-button___"]:hover {
background-color: #252525; }
li > a[href^="recent?hasKonomiTag="]:hover {
background-color: #252525; }
div[class^="___tag-panel"][data-selected-name="register"] {
background-color: #333; }
button[class^="___register-tab"][id$=register-tab],
button[class^="___edit-tab"][id$=edit-tab] {
background-color: #404040;
border-bottom: 2px solid #404040;
color: #ddd; }
div[class^="___register-panel"][aria-labelledby$="register-tab"] > p[class^="___description-message"] {
color: #ddd !important; }
div[class^="___register-panel"][aria-labelledby$="register-tab"] > section[class^="___konomi-tag-list-section"] > ul > li > div > div[class^="___toolbar"] > form > button {
background-color: #303030; }
div[class^="___register-panel"][aria-labelledby$="register-tab"] > section[class^="___konomi-tag-list-section"] > ul > li > div > div[class^="___toolbar"] > form > button:hover {
background-color: #252525; }
div[class^="___register-panel"][aria-labelledby$="register-tab"] > div > form > div > input {
color: #ddd; }
div[class^="___register-panel"][aria-labelledby$="register-tab"] > div > form > div > input:focus {
background-size: 16px 16px;
border-color: #c5c5c5; }
[aria-selected=true][class^="___edit-tab___"],
[aria-selected=true][class^="___register-tab___"] {
border-bottom-color: #ddd !important; }
[class^="___konomi-tag-match-counter___"] > span > span{
color: orange !important;
}
[data-highlight="true"] [class^="___name-anchor___"]{
color: #4d3200;
}
ul[class^="___konomi-tag-list____"] > li > [class^="___tag___"][data-highlight="true"]{
background-color: #fff0dd;
}
/* 背景とか */
[class^="___ranking-contents-area___"] {
background-color: #2f2f2f; }
ul > li > [class*="___program-broadcaster-card__...