Skip to content

Instantly share code, notes, and snippets.

@Y-dash
Created September 6, 2021 23:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Y-dash/8ad7df38730078c0eb01b4f645ec9f00 to your computer and use it in GitHub Desktop.
Save Y-dash/8ad7df38730078c0eb01b4f645ec9f00 to your computer and use it in GitHub Desktop.
ウィキペディア日本語版を無理やりダークモードにしようとしているユーザーCSS。少しずつ改善している途上。ウィキペディアは記事中直書きでスタイルあててたりすることがままあるので、正直どうにもならない部分もある。閲覧専用かつ気軽にユーザーCSSオン/オフできる環境向け。編集する環境としては強く非推奨、本来どんな見た目になるのかわからない状態で編集するのはよくない。
/* 「ダークモードならこのフォントのほうが見やすいのでは?」と勝手に思っているゾーン。お好みで */
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