Created
September 6, 2021 23:31
-
-
Save Y-dash/8ad7df38730078c0eb01b4f645ec9f00 to your computer and use it in GitHub Desktop.
ウィキペディア日本語版を無理やりダークモードにしようとしているユーザーCSS。少しずつ改善している途上。ウィキペディアは記事中直書きでスタイルあててたりすることがままあるので、正直どうにもならない部分もある。閲覧専用かつ気軽にユーザーCSSオン/オフできる環境向け。編集する環境としては強く非推奨、本来どんな見た目になるのかわからない状態で編集するのはよくない。
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
/* 「ダークモードならこのフォントのほうが見やすいのでは?」と勝手に思っているゾーン。お好みで */ | |
html, body, #bodyContent { | |
font-size: 16px; | |
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", Arial, メイリオ, Meiryo, "s ans-serif"; | |
line-height: 2em; | |
} | |
/* 以下ダークモード */ | |
.mw-body, .parsoid-body, h1, h2, h3, h4, h5, h6, .vector-menu-tabs .selected, textarea, .infobox th:not([scope="row"]) { | |
background-color: #202124; | |
color: #e8eaed; | |
} | |
body, #mw-page-base, .catlinks, .toc, .toccolours, .vector-menu-dropdown .vector-menu-content, .editOptions, .vector-menu-heading, pre, .tocnumber, .NavHead, div.thumbinner, .diff-context, #mw-content-text table, .navbox, .navbox tr, .navbox th, .navbox td, .mw-footer li, #pagehistory li.selected, .diff-addedline .diffchange, .diff-deletedline .diffchange, .pathnavbox { | |
background-color: #3C4043; | |
color: #e8eaed; | |
} | |
#mw-page-base, .vector-menu-tabs li { | |
background-image: linear-gradient(to bottom, #5f6368 50%, #3C4043 100%); | |
} | |
#pt-anonuserpage, .vector-user-menu-legacy #pt-anonuserpage, .wikitable, .wikitable tr, .wikitable th, code, .navbox-even { | |
background-color: #5f6368; | |
color: #e8eaed; | |
} | |
a, a:hover, .vector-menu-portal .vector-menu-content li a { | |
color: #8ab4f8; | |
} | |
a:visited:not(.new) { | |
color: #8A8ADB; | |
} | |
.new a, a.new { | |
color: #a55858; | |
} | |
ul { | |
list-style-image: none; | |
} | |
::marker { | |
color: #e8eaed; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment