MediaWiki:DarkMobile.css

/* CSS placed here will affect users of the mobile dark theme */


 * 1) mw-content-text a.external[href^="https://www.halopedia.org"] { color: #009CFF !important; }

/* Background color */ body.skin-minerva, #mw-mf-page-left, .cta-holder, .header-container.header-chrome, footer.minerva-footer, background: #444 !important; } .header { border-color: #444 !important; } /* Border color */ .minerva-footer, #mw-mf-page-left ul li { border-top: 1px solid #555 !important; } body.skin-minerva.ns-special .content-header, .last-modified-bar, footer > .post-content > h2, body.skin-minerva form.mw-mf-settings .oo-ui-fieldLayout { border-bottom: 1px solid #555 !important; } .mw-mf-watchlist-selector li.selected a { border-bottom-color: #555 !important; } .header-container, .secondary-action { border-color: #555 !important; } /* Active color */ body.skin-minerva h2.list-header, .last-modified-bar, .last-modified-bar.active, body.skin-minerva form.mw-mf-settings #beta-field::before { background-color: #333 !important; color: #fff !important; }
 * 1) mw-mf-page-center, .overlay-header-container, .overlay-footer-container {

/* Editor icons */ .mw-ui-icon-mf-close-base20::before, .mw-ui-icon-mf-previous-base20::before { filter: brightness(0) invert(1) !important; } /* Icons */ .mw-ui-icon-mf-expand::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eexpand%3C/title%3E%3Cg fill=%22%23ccc%22%3E%3Cpath d=%22M17.5 4.75l-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z%22/%3E%3C/g%3E%3C/svg%3E") !important; } .mw-ui-icon-mf-userAvatar::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Euser avatar%3C/title%3E%3Cg fill=%22%2354595d%22%3E%3Cpath d=%22M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z%22/%3E%3Ccircle cx=%2210%22 cy=%225.5%22 r=%224.5%22/%3E%3C/g%3E%3C/svg%3E") !important; } .mw-ui-icon-mf-userAnonymous::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eanonynmous user%3C/title%3E%3Cg fill=%22%2354595d%22%3E%3Cpath d=%22M15 2H5L4 8h12zM0 10s2 1 10 1 10-1 10-1l-4-2H4zm8 4h4v1H8z%22/%3E%3Ccircle cx=%226%22 cy=%2215%22 r=%223%22/%3E%3Ccircle cx=%2214%22 cy=%2215%22 r=%223%22/%3E%3C/g%3E%3C/svg%3E") !important; } /* OOUI */ .oo-ui-icon-check, .mw-ui-icon-check::before { filter: brightness(0) invert(1) !important; } .oo-ui-icon-lock, .mw-ui-icon-lock::before { background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Elock%3C/title%3E%3Cpath fill=%22%23ccc%22 d=%22M16.07 8H15V5s0-5-5-5-5 5-5 5v3H3.93A1.93 1.93 0 0 0 2 9.93v8.15A1.93 1.93 0 0 0 3.93 20h12.14A1.93 1.93 0 0 0 18 18.07V9.93A1.93 1.93 0 0 0 16.07 8zM10 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3-8H7V5.5C7 4 7 2 10 2s3 2 3 3.5z%22/%3E%3C/svg%3E") !important; }

/* Link overrides */ a, #mw-mf-page-left ul.hlist li a { color: #009CFF !important; } .backtotop { background-color: #009CFF; } a.new { color: #FF1A1A !important; }

/* SocialProfile */ .profile-info-container b, .profile-info-container div, .needed-points { color: #ccc !important; }

/* General */ body, .content, .oo-ui-messageDialog-message, color: #ccc !important; }	background-color: darkgreen !important; }	background-color: darkred !important; } .content figcaption, .content .thumbcaption, color: #999 !important; } .overlay-loading * { background: #444 !important; border-color: transparent !important; } .overlay, .overlay-enabled, #content, .ns-special #content, background: #222 !important; } .overlay.media-viewer .image-details { border-color: #444 !important; } .image-carousel .image-loaded, .overlay.media-viewer .image img { background: #ccc !important; } .overlay.media-viewer, .overlay.media-viewer .image, .overlay.media-viewer .header-container { background: #000 !important; }	color: #999 !important; }	color: transparent !important; }	box-shadow: inset 4px 0 0 0 #666 !important; }	border: 0 !important; background: transparent !important; }	color: #fff !important; } .drawer { background: #444 !important; } .editOptions { background: transparent !important; } .content-unstyled .minoredit { color: #ccc !important; background: #333 !important; } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background: #333 !important; }	border-color: #54595d !important; } .page-actions-menu { border-top-color: #303336 !important; border-bottom-color: #54595d !important; } .minerva-talk-content-explained { border-color: #54595d !important; } .minerva-talk-full-page-button { color: #fff !important; background: #444 !important; border-color: #666 !important; } .client-js .toc-mobile, border-color: #666; background-color: #333; } body.skin-minerva .page-summary, .search-overlay .search-content, .overlay .panel { border-color: #555 !important; } .search-overlay, .overlay-content { background-color: #222 !important; } .search-box .search, .search-overlay .results, .search-overlay .search-feedback { color: #ccc !important; background-color: #333 !important; } .page-summary h3 { color: #bbb !important; } .overlay .content-header, .previewnote p, .warningbox, .mw-revision { color: #ccc !important; border-color: #666 !important; background-color: #333 !important; } .overlay-footer-container { border-color: #777 !important; } .page-list li, .topic-title-list li, .site-link-list li, .category-header li, .content textarea, .content select { border-color: #666 !important; } ul.mw-contributions-list li, ul.special li { border-color: #444 !important; } .mw-tag-marker { border-color: #888 !important; } .category-header li a { color: #fff !important; } .category-header li.selected a { color: #fff !important; border-bottom-color: #fff !important; } .mw-ui-button { color: #fff !important; background: #333 !important; border-color: #666 !important; } body.skin-minerva .mw-history-undo a, body.skin-minerva .mw-rollback-link a { color: #fff !important; background: #333 !important; border-color: #666 !important; } .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button { color: #fff !important; } .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background: #666 !important; } .mw-ui-input { color: #ccc !important; background: #333 !important; } .oo-ui-toggleSwitchWidget { background-color: #444 !important; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: #555 !important; } .wikitext-editor { background: #222 !important; } .editor-overlay .overlay-header { outline-color: #555 !important; } .overlay-header .overlay-title { color: #fff !important; } .editor-overlay .summary-request { color: #ccc !important; } .overlay-header .header-action .continue[disabled] { color: #fff !important; background: #ccc !important; } .overlay-header .header-action .submit, .overlay-header .header-action .continue, .overlay-header .header-action .progressive { color: #fff !important; background: #666 !important; } div.thumbinner { background: none !important; } pre { background: #444 !important; } .mw-code { background: rgba(242,242,242,0.8) !important; } .content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: #444; } .error { color: #d33; background: none; } .mw-indicators { line-height: 0; } .tabsection div:not(.center):not(.floatnone), .tabsection table, div.noarticletext { color: #ccc !important; }
 * 1) mw-mf-diffview ins, #mw-mf-diffview del,
 * 2) mw-content-text a.mw-selflink, .scrollbox, .darkbg,
 * 3) toc .toctitle, .toc .toctitle, #mw-toc-heading {
 * 1) mw-mf-diffview ins {
 * 1) mw-mf-diffview del {
 * 1) mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count {
 * 1) mw-mf-page-left ul li, .overlay.media-viewer .image-details {
 * 1) mw-mf-page-left ul li a {
 * 1) mw-mf-page-left ul li a.mw-ui-icon-element {
 * 1) mw-mf-page-left ul li a:hover {
 * 1) mw-mf-page-left ul.hlist li {
 * 1) mw-mf-page-left ul.hlist li a {
 * 1) page-actions, .content .mw-parser-output > h2, .content .section-heading {
 * 1) mw-mf-diffview #mw-mf-userinfo {

/* Echo extension */ .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { border-color: #666 !important; } .mw-echo-notificationsWrapper .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: #000 !important; } .mw-echo-notificationsWrapper, .mw-ui-anchor.mw-ui-progressive { color: #fff !important; }

/* Visual editor */ .ve-ui-mobileContext { background: #333 !important; border-color: #666 !important; } .ve-ui-linearContextItem-foot:not(:empty), .ve-ui-mobileContext .ve-ui-linearContextItem-body-action-wrapper { border-color: #666 !important; } .ve-mobile-fakeToolbar-container, .ve-mobile-fakeToolbar-container * { background: #444 !important; border-color: transparent !important; } .ve-ui-targetToolbar-mobile .oo-ui-toolbar-tools > .ve-ui-toolbar-group-back { border-color: #aaa !important; } .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #fff; } .editor-overlay .editor-switcher { border-color: #666 !important; } .switcher-container .oo-ui-toolbar-bar { background: transparent !important; } .switcher-container .oo-ui-popupToolGroup-handle { filter: invert(1) hue-rotate(180deg) !important; } body.mediawiki .ve-ui-toolbar-group-back * { filter: none !important; }

/* Related articles */ .ext-related-articles-card-list h3 a { color: #ccc !important; } .results .list-thumb, .ext-related-articles-card-thumb { background-color: #999 !important; } .ext-related-articles-card-list .ext-related-articles-card { background: #333 !important; border-color: #555 !important; } .ext-related-articles-card-list .ext-related-articles-card-extract { color: #999 !important; } .ext-related-articles-card-list h3::after { background-image: linear-gradient(to right,rgba(255,255,255,0),#333 50%) !important; }