A dark version of Wikipedia.org modified from Cruto
目前为
// ==UserScript==
// @name Wikipedia Dark NoudioMod
// @namespace greasyfork
// @description A dark version of Wikipedia.org modified from Cruto
// @author Noudio
// @license MIT
// @homepage -
// @include http://wikipedia.org/*
// @include https://wikipedia.org/*
// @include http://*.wikipedia.org/*
// @include https://*.wikipedia.org/*
// @include http://wikimedia.org/*
// @include https://wikimedia.org/*
// @include http://*.wikimedia.org/*
// @include https://*.wikimedia.org/*
// @run-at document-idle
// @version 4
// ==/UserScript==
(function() {
function isDomain(x) {
return document.domain.substring(document.domain.indexOf(x)) == x;
}
var isPedia = isDomain("wikipedia.org");
var isMedia = isDomain("wikimedia.org");
if (!isPedia && !isMedia)
return;
//console.log('hi!');
var css = "";
css+= `
body {
background-color: #191919!important;
background-image: url()!important;
background-attachment: fixed!important;
background-repeat: repeat-x!important;
}
a {
color: #32a9da!important;
}
a:hover {
color: #6ad3ff!important;
}
#p-logo a {
filter: invert(85%);
}
h1, h2, h3, h4, h5, h6 {
color: rgba(220, 220, 220, 1)!important;
}
#mw-head-base,
#mw-page-base,
#mw-head,
#mw-panel {
background-color: rgba(20, 20, 20, 0)!important;
background-image: none!important;
}
#content.mw-body {
background-color: rgba(100, 100, 100, 0.2)!important;
border-color: rgba(220, 220, 220, 0.2)!important;
}
* {
border-color: rgba(220, 220, 220, 0.2)!important;
}
p,
dd,
.sisterproject {
color: rgba(220, 220, 220, 0.8)!important;
}
.hauptartikel-pfeil,
i,
strong {
color: #fff!important;
}
.settings-menu-items .menu-section:hover {
background-color: rgba(220, 220, 220, 0.05)!important;
color: rgba(220, 220, 220, 0.8)!important;
}
.settings-menu-items .menu-section {
color: rgba(220, 220, 220, 0.6)!important;
}
.uls-input-settings .uls-input-settings-inputmethods-list {
background-color: rgba(220, 220, 220, 0.1)!important;
}
li,
td,
tr,
th,
td > h2,
td > div > h2,
dt {
color: rgba(220, 220, 220, 0.6)!important;
background-color: rgba(220, 220, 220, 0.01)!important;
}
ul {
list-style-image: none!important;
}
dt {
color: rgba(220, 220, 220, 0.8)!important;
background-color: rgba(220, 220, 220, 0.01)!important;
text-shadow: 0px 2px 0px #111!important;
}
.rellink {
color: #daef8f!important;
background-color: rgba(220, 220, 220, 0.01)!important;
}
code,
.mw-geshi,
pre,
.catlinks,
.NavContent > p {
color: rgba(220, 220, 220, 0.6)!important;
background-color: rgba(100, 200, 255, 0.1)!important;
}
#hauptseite .inhalt,
.infobox {
background-color: rgba(220, 220, 220, 0.1)!important;
}
.toptextcells > tbody tr td div {
background-color: transparent!important;
}
.infobox > div,
div.flaggedrevs_short {
background-color: #444!important;
color: #eee!important;
}
#mw-fr-revisiondetails {
background-color: rgba(20, 20, 20, 0.9)!important;
}
#mw-panel.collapsible-nav .portal{
background-image: url()!important;
}
[id^=\"wpTextbox\"] {
background-color: rgba(20, 20, 20, 1.0)!important;
color: #ddd!important;
}
div.thumbinner,
div.thumbinner > a > img,
#toc,
.toccolours,
#catlinks,
div[id^=\"mw-Anonymous\"],
#filetoc {
background-color: rgba(20, 20, 20, 0.3)!important;
border-color: rgba(220, 220, 220, 0.1)!important;
}
#ChangeToU2014_v1_anononly {
border-color: rgba(220, 220, 220, 0.1)!important;
background: rgba(20, 20, 20, 0.3)!important;
}
#ChangeToU2014_v1_anononly *,
div[id^=\"mw-Anonymous\"],
#stockphoto_base > span > span:last-of-type {
color: #aaa!important;
}
div.vectorMenu h3 a {
background: none!important;
}
div.thumbinner > .thumbcaption,
#siteSub {
color: rgba(220, 220, 220, 0.5)!important;
}
.hintergrundfarbe5,
table {
background-color: rgba(30, 30, 30, 0.85)!important;
}
div#simpleSearch {
background-color: rgba(220, 220, 220, 0.05)!important;
background-image: none!important;
}
#searchInput {
color: #eee!important;
}
.imeselector-menu,
div.vectorMenu ul,
.vector-menu .vector-menu-tabs ,
#language-settings-dialog,
.grid.uls-menu.uls-wide.callout {
background: rgba(20, 20, 20, 0.95)!important;
background-color: rgba(20, 20, 20, 0.95)!important;
}
#languagesettings-panels
.menu-section.active,
.menu-section.active:hover,
.uls-language-settings-close-block {
background-color: rgba(220, 220, 220, 0.15)!important;
color: #eee!important;
}
.uls-menu .search,
.uls-menu .search > .ten.columns > #search-input-block > #languagefilter,
.uls-menu .search > .ten.columns > #search-input-block > #filtersuggestion,
#uls-no-found-more {
background: rgba(220, 220, 220, 0.05)!important;
color: #eee!important;
}
.settings-text {
color: #777!important;
}
#languagesettings-settings-panel {
background-color: rgba(220, 220, 220, 0.05)!important;
}
.imeselector a, .ime-disable {
color: rgba(220, 220, 220, 0.5)!important;
}
div.vectorTabs,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li span {
background-image: none!important;
background-color: transparent!important;
border: none!important;
}
div.vectorTabs ul li {
box-shadow: inset 0px -30px 25px -35px rgba(160, 160, 160, 0.5)!important;
margin-left: -1px!important;
transition: 0.4s!important;
}
div.vectorTabs ul li:hover {
box-shadow: inset 0px -25px 25px -35px rgba(255, 255, 255, 1)!important;
margin-left: -1px!important;
transition: 0.4s!important;
}
.wikitable.float-right > tbody > tr > th a {
color: #999!important;
text-decoration: underline!important;
}
.wikitable.float-right > tbody > tr > th a:hover {
color: #eee!important;
text-decoration: underline!important;
}
div.NavHead,
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.wikitable > * > tr:last-of-type > td,
#mw-content-text > p > span {
background: rgba(255, 255, 255, 0.1)!important;
}
.body > select {
background-color: #222!important;
padding-top: 1px!Important;
height: 22px!Important;
color: #aaa!important;
width: 130px!Important;
border: none!important;
box-shadow: inset 0px 15px 10px -10px #303030, inset 0px 1px 1px #777!important;
margin: 5px 0px 5px 0px!important;
border-radius: 20px!important;
transition: 0.4s!important;
}
input[type=\"button\"] {
background-color: #222!important;
height: 23px!Important;
color: #aaa!important;
width: 130px!Important;
border: none!important;
box-shadow: inset 0px 15px 10px -10px #303030, inset 0px 1px 1px #777!important;
margin: 5px 0px 5px 0px!important;
border-radius: 20px!important;
transition: 0.4s!important;
}
input[type=\"button\"]:hover {
background-color: #303030!important;
height: 23px!Important;
color: #aaa!important;
width: 130px!Important;
border: none!important;
box-shadow: inset 0px 15px 10px -10px #404040, inset 0px 1px 1px #888!important;
margin: 5px 0px 5px 0px!important;
border-radius: 20px!important;
transition: 0.4s!important;
}
.tex {
background-color: #eee!important;
padding: 10px!important;
border-radius: 5px!important;
}
.bookshelf-container .bookend {
background-image: url()!important;
}
.search-container.language-search > form > label {
color: #eee!important;
}
.divider {
opacity: 0.4!important;
}
fieldset {
background-color: rgba(200, 200, 200, 0.2)!important;
}
.central-featured-lang > .link-box > em {
color: #888!important;
}
.central-featured-lang > .link-box > small {
color: #666!important;
}
h1.central-textlogo > img {
visibility: hidden!important;
}
h1.central-textlogo {
background-image: url()!important;
background-repeat: no-repeat!important;
background-position: center!important;
}
#wpTextbox1 {", /* saját */
background-color: black;
}
.mw-highlight {", /* saját */
background-color: #000 !important;
}
/* Noudio changes on top... */
.vector-menu-tabs-legacy li a {
background: rgba(30,30,30,1.0) !important; /* override load.php sheet */
border: 2px dotted grey !important;
border-bottom-width: 0px !important;
/* border-top-left-radius: 10px !important;
* border-top-right-radius: 10px !important; */
}
.vector-menu-tabs-legacy li.selected a {
background: rgba(50,70,80,1.0) !important; /* override load.php sheet */
border: 2px dotted grey !important;
border-bottom-width: 0px !important;
/* border-top-left-radius: 10px !important;
* border-top-right-radius: 10px !important; */
}
.mw-parser-output .navbox, .mw-parser-output .navbox-subgroup {
background: rgba(30,30,30,0.8) !important;
}
#content.mw-body {
background: rgba(20,20,20,0.8);
}
#searchInput {
color: rgba(0, 0, 0, 1.0) !important;
}
.vector-search-box-input {
background: rgba(87, 153, 185, 1.0) !important;
}
/* MainPageBG. */
div#mp-left.mp-box,
div#mp-right.mp-box,
div#mp-topbanner.mp-box,
div#mp-middle.mp-box,
div#mp-lower.mp-box {
background: rgba(30,30,30,0.8);
}
h2#mp-tfa-h2.mp-h2 span.mw-headline,
.mw-headline {
background: rgba(50,50,50,0.6);
}
/* pastel kleuren */
.mw-parser-output #mp-left.mp-box h2.mp-h2 {
background: rgba(10,15,30,0.3);
}
.mw-parser-output #mp-right.mp-box h2.mp-h2 {
background: rgba(10,30,15,0.3);
}
.mw-parser-output #mp-right.mp-box h2.mp-h2 {
background: rgba(30,15,10,0.3);
}
.mw-parser-output #mp-middle.mp-box h2.mp-h2 {
background: rgba(15,30,10,0.3);
}
.mw-parser-output #mp-lower.mp-box h2.mp-h2 {
background: rgba(15,30,10,0.3);
}
.mw-parser-output #mp-bottom.mp-box h2.mp-h2 {
background: rgba(30,10,15,0.3);
}
.mw-parser-output #mp-sister.mp-box h2.mp-h2 {
background: rgba(15,10,30,0.3);
}
.mw-body {
color: rgba(220, 220, 220, 0.6) !important;
}
/* content page */
.mw-parser-output div.contentsPage.contentsPage--topic,
.mw-parser-output div.contentsPage.contentsPage--topic div.contentsPage__title,
.mw-parser-output div.contents-pages-footer {
background: rgba(30,30,30,0.8);
}
.contentsPage__section .mw-headline {
color: rgba(111, 161, 210, 0.85);
background: rgba(30,30,30,0.8);
}
div.module-shortcutboxplain.plainlist.noprint {
background: rgba(50,50,50,0.9);
}
/* current events */
/* text bg's */
div.p-current-events div.p-current-events-news-browser,
div.p-current-events div.p-current-events-headlines,
div.p-current-events * div.current-events div.current-events-main.vevent,
div.p-current-events * div.current-events-sidebar.mw-made-collapsible,
div.p-current-events * div.current-events-main.noprint,
div.p-current-events * table.current-events-calendar caption {
background: rgba(30,30,30,0.8);
}
div.p-current-events * div.p-current-events-calside div.noprint {
background: rgba(30,30,30,0.8) !important; /* override hardcoded style */
}
div.p-current-events * div.current-events * span.summary,
div.p-current-events * div.p-current-events-calendar div {
color: #6ad3ff !important;
}
/* header bg's */
div.p-current-events div.p-current-events-headlines h2,
div.p-current-events * div.current-events-title,
div.p-current-events * div.current-events-heading.plainlinks {
background: rgba(15,10,30,0.3);
}
/* right side */
div.mw-parser-output * div.p-current-events-calendar,
div.mw-parser-output * div.p-current-events-calendar > div,
div.p-current-events * div.mw-made-collapsible div h2,
div.p-current-events * div.mw-made-collapsible span {
background: rgba(15,30,10,0.3);
}
.mw-parser-output .current-events-sidebar>div:not(.mw-collapsible-content) {
background: rgba(15,30,10,0.3) !important /* override default settings */
}
/* about page */
div.introto__main * div.introto__tabs-main {
background: rgba(30,30,30,0.8) !important; /* override hardcoded style */
}
/* popups */
.mw-ui-icon-settings:before {
filter: invert(85%);
}
.mwe-popups .mwe-popups-container {
border: 3px solid rgba(120,100,120,1.0);
}
.mwe-popups .mwe-popups-container,
.mwe-popups .mwe-popups-container p,
.mwe-popups .mwe-popups-container img {
background: rgba(50,50,50,1.0) !important;
color: rgba(80,150,140,1.0); !important;
/* visibility: hidden; */
}
.mwe-popups .mwe-popups-extract[dir='ltr']:after{
right:0;
background-image:linear-gradient(to right,rgba(50,50,50,0.0), rgba(50,50,50,1.0))
}
.mwe-popups .mwe-popups-extract[dir='rtl']:after{
left:0;
background-image:linear-gradient(to left,rgba(50,50,50,0.0), rgba(50,50,50,1.0))
}
.mwe-popups .mwe-popups-extract blockquote:after{
width:100%;
height:25px;
bottom:0;
background-image:linear-gradient(to bottom,rgba(50,50,50,0.0), rgba(50,50,50,1.0))
}
/* ui user interface elements */
.mw-ui-vform-field label {
color: rgba(120,100,120,1.0); !important;
}
.mw-ui-button {
background: rgba(60,60,60,1.0) !important;
}
.mw-ui-button:not(:disabled):hover {
background: rgba(10,10,10,1.0) !important;
}
`;
function addCss (css) {
const noudioStyleNode = document.createElement('style');
noudioStyleNode.innerHTML = css;
document.head.appendChild(noudioStyleNode);
}
addCss(css);
//setTimeout(function(){addCss(css);}, 100);
})();
//Taf!