MediaWiki 1.29 upgrade/Mobile changes

Background
Replace: div#content_wrapper { background-color: unset; }

body.mediawiki #mw-mf-page-center { background: #212121; } With: .overlay-enabled, #content { background: #212121; /* or transparent, if you want to use a background image */ }

Bullet (optional)
.hlist-separated li::after { color: #F37F20; }

Header
If you created a class .header somewhere in your projects and copied this to the mobile.css, the styling probably will show up in the mobile sites header. .header { }

Discussion button
This often is not readable .mw-ui-button, .last-modified-bar #mw-mf-last-modified { background-color: } and

.mw-ui-button:hover { background-color: }

Page history (optional)
Standard is #eaecf0 as background colour, probably a bit light for dark wikis .list-header { background-color: #eaecf0; color: #72777d; font-weight: bold; }

and

.page-list li, .topic-title-list li, .site-link-list li { background-color: rgba(0, 0, 0, 0.5); border-bottom-color: #eaecf0; border-bottom-style: solid; border-bottom-width: 1px; color: #666; line-height: 1; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: -1px; padding-bottom: 0.8em; padding-top: 0.8em; position: relative; }

Might require to give the timestamp a better colour .timestamp { color: ; }

Header
.header-container.header-chrome, background: transparent; }
 * 1) mw-mf-page-center {

.header-container.header-chrome { border-bottom: 1px solid #CCCCCC; color: #888; }

Only if a weird line shows above the wiki name in the header. Possibly due to H1 styling. Happens on the Help Wiki. .header .branding-box h1 { border-bottom: none; }

Weird line also can show up BELOW in the editor, due to H2 styling. Happens on Awesomenauts Wiki .overlay-header h2 { border: none; }

Notifications
Incomplete. .mw-ui-anchor.mw-ui-progressive { color: #F37F20; }

If you have a white rectangle behind your notification circle for unread/new messages, append this code:

.notification-count.notification-unseen, .notification-count { background: transparent; }

Body
body { background: #212121; color: #E0E0E0; }

Footer
background: #212121; }
 * 1) mw-mf-page-center {

The last edited bar can be changed. footer .last-modified-bar { background: transparent; }

Code
pre, .mw-code { background-color: #282828; border-color: #505050; }

Section arrows
.mw-ui-icon-arrow::before { filter: invert(100%); }

Hamburger menu
nav { background: #212121 !important; }
 * 1) mw-mf-viewport,

nav ul li { background: #181818 !important; }

nav ul.hlist li { background: transparent !important; }

nav ul li a.mw-ui-icon { filter: invert(100%); }

nav ul li a { font-weight: bold; }

nav ul.hlist li a { color: #F37F20 !important; }

Search
.search-overlay { background: rgba(0, 0, 0, 0.9) !important; }

.search-overlay .results, .search-overlay .search-feedback { background-color: #212121 !important; }

.list-thumb.list-thumb-none { background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M0%200h56v56H0z%22%2F%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M36.4%2013.5H17.8v24.9c0%201.4.9%202.3%202.3%202.3h18.7v-25c.1-1.4-1-2.2-2.4-2.2zM30.2%2017h5.1v6.4h-5.1V17zm-8.8%200h6v1.8h-6V17zm0%204.6h6v1.8h-6v-1.8zm0%2015.5v-1.8h13.8v1.8H21.4zm13.8-4.5H21.4v-1.8h13.8v1.8zm0-4.7H21.4v-1.8h13.8v1.8z%22%2F%3E%3C%2Fsvg%3E) !important; }

.page-summary h2, .page-summary h3 { color: #F37F20 !important; }

Various overlays
.overlay.editor-overlay, .overlay-header-container, .overlay-footer-container { background: #212121 !important; }

Editor
.editor-overlay .wikitext-editor { color: #E0E0E0; }

.editor-overlay .summary-request { color: #E0E0E0 !important; }

Visual editor
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: rgba(0, 0, 0, 0.9) !important; }

.ve-ui-mwSaveDialog-options { background-color: #212121 !important; }

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { background-color: rgba(255,255,255,0.2); }

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active { background-color: rgba(255,255,255,0.2); }

.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon { filter: invert(100%); }

.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label { filter: invert(100%); }

.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon { filter: invert(100%); }

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover { background-color: #282828; }

.oo-ui-indicator-down { background-image: linear-gradient(transparent,transparent),url(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg); }

MediaWiki 1.29 güncellemesi/Mobil değişiklikleri