// ==UserScript==
// @name Wikipedia Dark Material Design
// @namespace http://userstyles.org
// @description <b>NEW Wikipedia minimalistic material dark theme</b>.
// @author n0x
// @homepage https://userstyles.org/styles/122072
// @include http://wikipedia.org/*
// @include https://wikipedia.org/*
// @include http://*.wikipedia.org/*
// @include https://*.wikipedia.org/*
// @run-at document-start
// @version 0.20180428144135
// ==/UserScript==
(function() {var css = [
"@namespace url(http://www.w3.org/1999/xhtml);",
"body {",
" font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;",
" color: #ddd;",
" background-color: #222 !important;",
" }",
"",
" a,",
" .tocnumber {",
" color: #608dff !important;",
" text-decoration: none;",
" }",
"",
" a:hover {",
" color: #637ab5 !important;",
" text-decoration: underline;",
" }",
"",
" h1 {",
" border: 0px !important;",
" font-family: \'Arial\' !important;",
" font-weight: 700 !important;",
" font-size: 36px !important;",
" color: #eee !important;",
" }",
"",
" h2 {",
" border: 0px !important;",
" font-family: \'Arial\' !important;",
" font-weight: 400 !important;",
" font-size: 26px !important;",
" color: #eee !important;",
" }",
"",
" h3 {",
" border: 0px !important;",
" font-family: \'Arial\' !important;",
" font-weight: 400 !important;",
" font-size: 16px !important;",
" color: #ddd !important;",
" }",
"",
" h4 {",
" color: #ccc !important;",
" }",
"",
" [style*=\"color: black\"] {",
" color: white !important;",
" }",
"",
" [style*=\"background:#f8f9fa\"] {",
" background: #2d2c2b !important;",
" border: none !important;",
" }",
"",
" .reflist,",
" .refbegin {",
" background-color: #282828 !important;",
" }",
"",
" .thumbcaption {",
" color: #888 !important;",
" }",
"",
" #content h3 {",
" font-size: 20px !important;",
" }",
"",
" p {",
" font-weight: 300 !important;",
" line-height: 1.9 !important;",
" color: #fff !important;",
" }",
"",
" .portal-column-right span,",
" .portal-column-left span,",
" body.ns-100 .mw-body-content h2,",
" .mw_metadata th,",
" .tracklist th,",
" #mp-tfl-h2 {",
" color: #ddd !important;",
" background-color: #444 !important;",
" }",
"",
" body.ns-100 .mw-body-content th,",
" body.ns-100 .mw-body-content div,",
" body.ns-100 #portal td,",
" .mw_metadata td,",
" .tracklist td,",
" .tracklist div {",
" color: #ddd !important;",
" border-width: 0px !important;",
" background-color: #333 !important;",
" }",
"",
" .portal-column-right,",
" .portal-column-left,",
" body.ns-100 .mw-body-content .subpages {",
" color: #ddd !important;",
" background-color: #222 !important;",
" border-width: 0px !important;",
" }",
"",
" .mw-highlight {",
" background-color: #222 !important;",
" }",
"",
" .mw-highlight .nc {",
" color: #068dff;",
" }",
"",
" .mw-highlight .nf {",
" color: #068dff;",
" }",
"",
" .mw-notification {",
" background-color: #333 !important;",
" }",
"",
" #Example {",
" color: #ddd !important;",
" }",
"",
" table,",
" td,",
" th {",
" border: 0px !important;",
" border-collapse: collapse !important;",
" padding: 5px !important;",
" /* color: #333 !important; */",
"",
" background-color: #444 !important;",
" /* With this feature enabled, you loose visibility on colored table cells */",
" }",
"",
" ul,",
" li,",
" caption {",
" background: transparent !important;",
" border: 0px !important;",
" line-height: 1.8 !important;",
" font-size: 14px !important;",
" font-weight: 300 !important;",
" }",
"",
" li span {",
" background: transparent !important;",
" border: 0px !important;",
" font-size: 14px !important;",
" }",
"",
" .referencetooltip {",
" background-color: #282828 !important;",
" }",
"",
" dl {",
" font-weight: 300 !important;",
" }",
"",
" dt {",
" font-style: italic;",
" font-size: 16px !important;",
" margin-top: 10px !important;",
" }",
"",
" dd {",
" font-size: 15px !important;",
" }",
"",
" #p-logo a {",
" background-image: url(\'https://i.imgur.com/lNORoSn.png\') !important;",
" background-color: #222 !important;",
" }",
"",
" .mw-wiki-logo {",
" padding-left: 15px !important;",
" padding-top: 10px !important;",
" border: none !important;",
" }",
"",
" code {",
" padding: 3px !important;",
" background: transparent !important;",
" color: #39892f !important;",
" border: 1px solid #555 !important;",
" }",
"",
" .hatnote span {",
" color: #888 !important;",
" background-color: #222 !important;",
" }",
"",
" tt {",
" font-family: \'Source Code Pro\', \'Lucida Sans Unicode\', \'Courier New\' !important;",
" font-size: 16px !important;",
" }",
"",
" .new,",
" .new:link,",
" .new:visited {",
" color: #cd5b45 !important;",
" }",
"",
" blockquote {",
" border: 0px !important;",
" font-style: italic !important;",
" font-size: 20px !important;",
" margin: 35px 75px !important;",
" line-height: 1.5 !important;",
" font-weight: 300 !important;",
" background: transparent !important;",
" }",
"",
" select {",
" padding: 0px 10px;",
" }",
"",
" .mw-ui-button,",
" .mw-ui-progressive {",
" border: 1px solid #888 !important;",
" color: #347Bff !important;",
" background: #222 !important;",
" text-shadow: 0px 0px 0px;",
" }",
"",
" .mw-ui-button.mw-ui-progressive:hover,",
" .mw-ui-button.mw-ui-progressive:focus,",
" .mw-ui-button.mw-ui-progressive:active,",
" .mw-ui-button:hover,",
" .mw-ui-progressive:hover,",
" .mw-ui-button:focus,",
" .mw-ui-progressive:focus {",
" box-shadow: 0px 0px 0px !important;",
" text-shadow: 0px 0px 0px !important;",
" border: 1px solid #347Bff !important;",
" }",
"",
" /* Media Viewer, image preview */",
"",
" .mw-mmv-above-fold {",
" background-color: #333 !important;",
" }",
"",
" .mw-mmv-image-metadata {",
" background-color: #111 !important;",
" }",
"",
" .mw-mmv-dialog,",
" .mw-mmv-dialog-down-arrow,",
" .mw-mmv-download-attribution,",
" .mw-mmv-download-pane,",
" .mw-mmv-download-pane :hover {",
" background-color: #333 !important;",
" }",
"",
" /* End */",
"",
" #wpSave,",
" #wpPreview,",
" #wpDiff {",
" border-radius: 4px !important;",
" border: 1px solid #347Bff !important;",
" color: #347Bff !important;",
" background: #222 !important;",
" text-shadow: 0px 0px 0px;",
" padding: 0.5em 1em;",
" cursor: pointer;",
" }",
"",
" #wpSave:hover,",
" #wpPreview:hover,",
" #wpDiff:hover {",
" color: rgba(52, 123, 255, 0.5) !important;",
" }",
"",
" /* Search */",
"",
" #simpleSearch {",
" position: relative;",
" overflow: hidden;",
" background: transparent !important;",
" border-color: #666 !important;",
" }",
"",
" #searchInput {",
" height: 100%;",
" color: #ddd !important;",
" background: transparent !important;",
" }",
" ",
" /* Advanced search */",
" ",
" input#ooui-1.oo-ui-inputWidget-input {",
" color: #ddd !important;",
" background: transparent !important;",
" }",
" ",
" #mw-searchoptions,",
" #searchText {",
" color: #ddd !important;",
" background-color: #444 !important;",
" }",
"",
" .mw-ui-vform .warning {",
" background-color: #664a00 !important;",
" }",
"",
" .mw-ui-vform .error {",
" background-color: #5c0000 !important;",
" }",
"",
" .mw-ui-input {",
" border: 1px solid #888 !important;",
" color: #ddd !important;",
" background: #222 !important;",
" font-size: 16px !important;",
" }",
"",
" .mw-ui-input:focus {",
" box-shadow: 0px 0px 0px !important;",
" }",
"",
" .mwe-math-fallback-image-inline {",
" -webkit-filter: invert(100%);",
" filter: url(\"data:image/svg+xml;utf8,<svg xmlns=\\\'http://www.w3.org/2000/svg\\\'><filter id=\\\'invert\\\'><feColorMatrix in=\'SourceGraphic\' type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/><\/filter><\/svg>#invert\");",
" }",
"",
" .mwe-math-fallback-image-inline img,",
" .mwe-math-element img,",
" img[src*=\"LaTeX\"] {",
" filter: invert(100%);",
" }",
"",
" .mwe-popups,",
" div.navpopup {",
" background-color: #333 !important;",
" font-size: 16px !important;",
" }",
"",
" a.mwe-popups-extract::after {",
" background: #333 !important;",
" }",
"",
" .mw-headline {",
" color: #ddd !important;",
" }",
"",
" .mw-content-ltr pre {",
" font-family: \"Courier New\", Lucida Console, sans-serif !important;",
" color: #a5c4ff !important;",
" }",
"",
" .suggestions {",
" font-weight: 300 !important;",
" font-size: 15px !important;",
" max-width: 300px !important;",
" margin-top: 15px !important;",
" border: 0px !important;",
" box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.5);",
" }",
"",
" .suggestions-results {",
" border: 0px !important;",
" }",
"",
" .suggestions-result {",
" padding: 10px !important;",
" }",
"",
" .imeselector,",
" #searchEngines {",
" display: none !important;",
" }",
"",
" .mw-search-formheader {",
" border: 0px !important;",
" background: transparent !important;",
" }",
"",
" .central-featured-logo-wrapper {",
" height: 350px;",
" background: transparent url(\"https://i.imgur.com/5uRX9M2.png\") no-repeat scroll center center / 200px auto;",
" }",
"",
" .central-featured-logo {",
" display: none;",
" }",
"",
" .central-textlogo {",
" filter: invert(1) !important;",
" }",
"",
" .bookend {",
" background-image: none !important;",
" }",
"",
" .link-box em,",
" .link-box small {",
" color: #bbb !important;",
" }",
"",
" .search-form fieldset {",
" background-color: #444 !important;",
" border-color: #888 !important;",
" border-width: 1px !important;",
" }",
"",
" #searchInput,",
" #searchLanguage,",
" #langsearch-input {",
" background-color: #222 !important;",
" border-color: #888 !important;",
" border-width: 1px !important;",
" }",
"",
" .formBtn {",
" background-color: #222 !important;",
" border-color: #888 !important;",
" border-width: 1px !important;",
" border-radius: 0px !important;",
" }",
"",
" .mw-search-result-heading,",
" .searchresult,",
" .searchmatch {",
" font-size: 14px !important;",
" font-weight: 400 !important;",
" padding: 3px 0px !important;",
" }",
"",
" .searchmatch {",
" font-weight: 700 !important;",
" }",
"",
" .mw-search-result-data,",
" .mw-search-createlink {",
" display: none;",
" }",
"",
" #mw-page-base,",
" .vectorTabs {",
" background: transparent !important;",
" border-width: 0px !important;",
" }",
"",
" #content {",
" color: #ddd !important;",
" border: 0px !important;",
" margin-left: 215px !important;",
" }",
"",
" .portal,",
" .portal table {",
" background: transparent !important;",
" }",
"",
" #mw-panel {",
" width: 200px !important;",
" border-right: 1px solid #666;",
" background-color: #222 !important;",
" padding-left: 10px !important;",
" ;",
" }",
"",
" #p-logo {",
" left: 0px;",
" padding-left: 10px !important;",
" ;",
" background-color: white;",
" }",
"",
" #p-logo a {",
" width: 11em !important;",
" padding-left: 40px;",
" background-color: white;",
" left: 0px;",
" border-right: 1px solid #666;",
" margin-left: -1em;",
" }",
"",
" #p-logo a:hover {",
" opacity: 1.0;",
" }",
"",
" #mw-head {",
" color: #ddd !important;",
" background-color: #3b3b3b;",
" opacity: 1.0;",
" box-shadow: 0px 1px 2px #2b2b2b;",
" -webkit-transition-property: opacity !important;",
" -moz-transition-property: opacity !important;",
" -o-transition-property: opacity !important;",
" -ms-transition-property: opacity !important;",
" transition-property: opacity !important;",
" -webkit-transition-duration: 0.5s !important;",
" -moz-transition-duration: 0.5s !important;",
" -o-transition-duration: 0.5s !important;",
" -ms-transition-duration: 0.5s !important;",
" transition-duration: 0.25s !important;",
" }",
"",
" #mw-head:hover {",
" opacity: 1.0 !important;",
" }",
"",
" .uls-settings-trigger {",
" display: none !important;",
" }",
"",
" #left-navigation {",
" margin-left: 233px !important;",
" }",
"",
" .wikitable {",
" font-weight: 300 !important;",
" }",
"",
" .wikitable td,",
" .wikitable th {",
" border: 1px solid #444 !important;",
" }",
"",
" pre {",
" line-height: 1.3 !important;",
" font-family: \"Courier New\", Lucida Console, sans-serif !important;",
" border: 0px !important;",
" background: 0px !important;",
" font-size: 16px !important;",
" color: aliceblue !important;",
" }",
"",
" .mw-code {",
" border: 0px !important;",
" padding: 17px !important;",
" background: 0px !important;",
" font-size: 16px !important;",
" }",
"",
" #bodyContent tbody,",
" #mp-left,",
" .MainPageBG,",
" #mp-left div,",
" #mp-right div,",
" #mp-topbanner,",
" .list,",
" .template-documentation,",
" .collapsible th,",
" .autocollapse th {",
" color: #ddd !important;",
" background-color: #333 !important;",
" border-color: #444 !important;",
" }",
"",
" #js-lang-list-button {",
" background-color: #333 !important;",
" }",
"",
" .app-badges {",
" background-color: #222 !important;",
" }",
"",
" .wikitable,",
" .wikitable th,",
" .wikitable rh,",
" .plainrowheaders,",
" .nounderlines,",
" .wikitable tr,",
" .wikitable td,",
" .navbox-title,",
" .navbox-group,",
" .navbox-odd,",
" .navbox-even,",
" .hlist,",
" #mp-left h2,",
" #mp-right h2,",
" #mp-bottom h2,",
" .navbox-abovebelow,",
" .group {",
" color: #ddd !important;",
" background-color: #444 !important;",
" }",
"",
" body.ns-0 #content tbody code {",
" color: #39892f !important;",
" background-color: #222 !important;",
" border-width: 0px !important;",
" }",
"",
" .suggestions-results,",
" .suggestions-special {",
" background-color: #444 !important;",
" }",
"",
" .suggestions-results:hover,",
" .suggestions-special:hover {",
" background-color: #2c5699 !important;",
" }",
"",
" .suggestions-results span,",
" .special-query {",
" color: #ddd !important;",
" }",
"",
" .suggestions-result,",
" special-label {",
" color: #bbb !important;",
" }",
"",
" .highlight {",
" color: #393939 !important;",
" }",
"",
" .mw-search-profile-tabs {",
" color: #ddd !important;",
" background-color: #333 !important;",
" border-color: #555 !important;",
" }",
"",
" .wikitable tr,",
" .wikitable td,",
" .homonymie,",
" .plainlinks {",
" color: #eee !important;",
" background-color: #333 !important;",
" }",
"",
" .quotebox {",
" color: #eee !important;",
" background-color: #252525 !important;",
" border-color: #555 !important;",
" }",
"",
" .toc {",
" background: transparent !important;",
" border-color: #444 !important;",
" border-style: solid !important;",
" display: block !important;",
" max-width: 300px !important;",
" }",
"",
" .toctoggle {",
" display: none !important;",
" }",
"",
" body.mediawiki table.mbox-small-left {",
" background-color: #222 !important;",
" }",
"",
" .thumbinner,",
" .thumb,",
" .toccolours,",
" .graytable {",
" background: transparent !important;",
" border: 0px !important;",
" font-size: 16px !important;",
" }",
"",
" .thumbimage {",
" border: 0px !important;",
" }",
"",
" .thumbcaption {",
" font-style: italic !important;",
" margin: 7px 0px !important;",
" }",
"",
" .thumbimage:hover {",
" opacity: 0.85 !important;",
" }",
"",
" .dablink {",
" margin: 14px 0px !important;",
" font-weight: 300 !important;",
" font-size: 18px !important;",
" }",
"",
" #siteSub,",
" .flaggedrevs_preview {",
" display: none !important;",
" }",
"",
" .ambox,",
" .tmbox,",
" .Note,",
" .informationbox {",
" margin: 5px 0px !important;",
" font-size: 18px !important;",
" line-height: 1.5 !important;",
" max-width: 550px !important;",
" font-weight: 300 !important;",
" }",
"",
" .ambox td,",
" .tmbox td {",
" padding: 10px !important;",
" }",
"",
" .ambox-text-small,",
" .mbox-text,",
" .Note td {",
" font-size: 14px !important;",
" font-weight: 300 !important;",
" color: #ddd !important;",
" }",
"",
" .ambox-image,",
" .mbox-image {",
" display: none;",
" }",
"",
" #request_for_deletion,",
" .ambox-serious {",
" background: rgba(255, 0, 0, 0.1) !important;",
" border: 1px solid rgba(255, 0, 0, 0.15) !important;",
" color: #a00000 !important;",
" }",
"",
" .tmbox-notice,",
" .tmbox-move,",
" .Note {",
" background: rgba(150, 75, 0, 0.1) !important;",
" border: 1px solid rgba(150, 75, 0, 0.15) !important;",
" }",
"",
" .informationbox {",
" background: #222 !important;",
" padding: 10px !important;",
" font-size: 14px !important;",
" }",
"",
" .shortcutbox {",
" background: #333 !important;",
" }",
"",
" .editOptions {",
" background: #222 !important;",
" border: 0px !important;",
" }",
"",
" .catlinks {",
" background: transparent !important;",
" border: 1px solid #aaa !important;",
" font-size: 16px !important;",
" }",
"",
" .infobox,",
" .tright,",
" .toccolours {",
" color: #ddd !important;",
" border: 0px !important;",
" background: transparent !important;",
" border-collapse: collapse !important;",
" }",
"",
" .infobox td,",
" .infobox th,",
" .tright td,",
" .tright th,",
" .toccolours td,",
" .toccolours th {",
" padding: 5px !important;",
" background: #333 !important;",
" font-weight: 400 !important;",
" }",
"",
" .infobox_v3 {",
" background: #333 !important;",
" border-color: transparent !important;",
" }",
"",
" .infobox_v3 .entete div {",
" background-color: #333 !important;",
" color: #ddd !important;",
" }",
"",
" .image img:hover {",
" opacity: 0.85 !important;",
" }",
"",
" .globegris {",
" background: transparent !important;",
" }",
"",
" .mw-editsection-bracket,",
" .references-small b,",
" .mw-cite-backlink,",
" .plainlinksneverexpand {",
" display: none !important;",
" }",
"",
" .mw-body {",
" background-color: #222 !important;",
" }",
"",
" #floating_object {",
" display: none;",
" }",
"",
" .navbox,",
" .nowraplinks {",
" margin: 10px 0px !important;",
" border: 0px !important;",
" background: transparent !important;",
" }",
"",
" .navbox td,",
" .navbox th,",
" .nowraplinks td,",
" .nowraplinks th {",
" padding: 9px 6px !important;",
" font-size: 14px !important;",
" font-weight: 300 !important;",
" border: 1px solid #222 !important;",
" }",
"",
" .sidebar th {",
" background-color: #444 !important;",
" }",
"",
" .NavFrame {",
" border: 0px !important;",
" background: transparent !important;",
" padding: 0px !important;",
" }",
"",
" .NavHead {",
" margin: 10px 0px !important;",
" padding: 12px !important;",
" font-size: 16px !important;",
" font-weight: 700 !important;",
" background: transparent !important;",
" }",
"",
" .NavContent {",
" background-color: #ffffff1a !important;",
" }",
"",
" .Boxmerge {",
" border: 0px !important;",
" }",
"",
" #coordinates {",
" display: none !important;",
" }",
"",
" #mw-fr-revisiontag,",
" #mw-fr-reviewnotice {",
" display: none !important;",
" }",
"",
" div#footer {",
" margin-left: 14em !important;",
" padding: 1.25em 1.5em 1.5em !important;",
" }",
"",
" #footer-info-copyright,",
" #footer-info-lastmod {",
" color: #777 !important;",
" }",
"",
" .oo-ui-window-frame,",
" .oo-ui-popupWidget-popup {",
" color: #ddd !important;",
" background-color: #444 !important;",
" }",
"",
" .oo-ui-buttonElement-button .oo-ui-iconElement-icon {",
" -webkit-filter: invert(100%);",
" }",
"",
" .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {",
" background-color: #222 !important;",
" border-color: #222 !important",
" }",
"",
" div.mw-revslider-revision-wrapper-down.mw-revslider-revision-hovered {",
" color: #d6a100 !important;",
" }",
"",
" div.mw-revslider-revision-wrapper-up.mw-revslider-revision-hovered {",
" color: #1e6db8 !important;",
" }",
"",
" .mw-revslider-revision-older {",
" background-color: #775900 !important;",
" }",
"",
" .mw-revslider-revision-intermediate {",
" background-color: #454545 !important;",
" }",
"",
" .mw-revslider-revision-newer {",
" background-color: #133656 !important;",
" }",
"",
" .mw-revslider-revision {",
" background-color: #555 !important;",
" }",
"",
" del.diffchange.diffchange-inline {",
" background-color: #775900 !important;",
" }",
"",
" ins.diffchange.diffchange-inline {",
" background-color: #133656 !important;",
" }",
"",
" .diff-context {",
" color: #999 !important;",
" }",
"",
" td.diff-otitle,",
" td.diff-ntitle {",
" background-color: #333 !important;",
" }",
"",
" .lang-list-button {",
" outline-color: #222 !important;",
" }",
"",
" .lang-list-content {",
" background-color: #444 !important;",
" }",
"",
" .bookshelf span {",
" background-color: #444 !important;",
" }",
"",
" .lang-list-container {",
" background-color: #333 !important;",
" }",
"",
" .localized-slogan {",
" color: #555 !important;",
" }",
"",
" .svg-Wikimedia-logo_black {",
" -webkit-filter: invert(100%);",
" }",
"",
" .hll {",
" background-color: #2B2B2B !important;",
" }",
"",
" /* Central Notice Banner */",
"",
" .cnotice {",
" background-color: #333 !important;",
" border: 1px solid #444;",
" }",
"",
" .cnotice-toggle-box {",
" -webkit-filter: invert(100%);",
" filter: invert(100%);",
" }",
"",
" /* Preferences */",
"",
" .client-js #preferences {",
" border: 1px solid #c8ccd1 !important;",
" background-color: #444 !important;",
" }",
"",
" .client-js #preferences legend {",
" color: #ededed;",
" }",
"",
" /* German version */",
"",
" #hauptseite h2 {",
" background: inherit;",
" border: none;",
" }",
"",
" #hauptseite .inhalt {",
" background: inherit;",
" border: none;",
" }",
" ",
" #qualitaetssicherungstext {",
" background-color: #444 !important;",
" border: 1px solid #666 !important;",
" }",
"",
" /* French version */",
"",
" #accueil_2017_en-tete {",
" background-image: none !important;",
" }",
"",
" .bandeau-section {",
" background-color: #333 !important;",
" border: 1px solid #666 !important;",
" }",
"",
" .autres-projets {",
" background-color: #333 !important;",
" border: 1px solid #666 !important;",
" }"
].join("\n");
if (typeof GM_addStyle != "undefined") {
GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
addStyle(css);
} else {
var node = document.createElement("style");
node.type = "text/css";
node.appendChild(document.createTextNode(css));
var heads = document.getElementsByTagName("head");
if (heads.length > 0) {
heads[0].appendChild(node);
} else {
// no head yet, stick it whereever
document.documentElement.appendChild(node);
}
}
})();