https://memorywhole.tv/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-04-19T11:38:39Z Revision history for this page on the wiki MediaWiki 1.41.5 https://memorywhole.tv/index.php?title=MediaWiki:Common.css&diff=111&oldid=prev 2026-02-18T21:16:14Z

<p>Disable dark mode CSS</p> <a href="https://memorywhole.tv/index.php?title=MediaWiki:Common.css&amp;diff=111&amp;oldid=110">Show changes</a>

Admin https://memorywhole.tv/index.php?title=MediaWiki:Common.css&diff=110&oldid=prev 2026-02-18T21:14:48Z

<p>Fix dark mode: search bar, sidebar, right tools panel, notifications, dropdowns, scrollbars</p> <a href="https://memorywhole.tv/index.php?title=MediaWiki:Common.css&amp;diff=110&amp;oldid=108">Show changes</a>

Admin https://memorywhole.tv/index.php?title=MediaWiki:Common.css&diff=108&oldid=prev 2026-02-18T21:06:50Z

<p>Add dark mode CSS with custom properties</p> <p><b>New page</b></p><div>/* ===== DARK MODE ===== */<br /> body.mw-dark-mode {<br /> --bg-primary: #1a1a2e;<br /> --bg-secondary: #16213e;<br /> --bg-tertiary: #0f3460;<br /> --text-primary: #e0e0e0;<br /> --text-secondary: #b0b0b0;<br /> --text-heading: #ffffff;<br /> --link-color: #64b5f6;<br /> --link-visited: #9575cd;<br /> --link-new: #ef5350;<br /> --border-color: #333355;<br /> --table-header-bg: #1a1a3e;<br /> --table-row-alt: #16213e;<br /> --code-bg: #0d1117;<br /> }<br /> <br /> body.mw-dark-mode,<br /> body.mw-dark-mode .mw-page-container,<br /> body.mw-dark-mode .vector-body,<br /> body.mw-dark-mode .mw-body {<br /> background-color: var(--bg-primary) !important;<br /> color: var(--text-primary) !important;<br /> }<br /> <br /> body.mw-dark-mode .vector-header,<br /> body.mw-dark-mode .vector-column-start,<br /> body.mw-dark-mode .vector-sticky-header,<br /> body.mw-dark-mode .mw-header {<br /> background-color: var(--bg-secondary) !important;<br /> color: var(--text-primary) !important;<br /> }<br /> <br /> body.mw-dark-mode .vector-menu-tabs li a,<br /> body.mw-dark-mode .vector-menu-portal .vector-menu-heading,<br /> body.mw-dark-mode .vector-menu-portal li a,<br /> body.mw-dark-mode .mw-sidebar-action-link,<br /> body.mw-dark-mode #mw-panel .vector-menu-portal .vector-menu-heading {<br /> color: var(--text-secondary) !important;<br /> }<br /> <br /> body.mw-dark-mode a { color: var(--link-color) !important; }<br /> body.mw-dark-mode a:visited { color: var(--link-visited) !important; }<br /> body.mw-dark-mode a.new { color: var(--link-new) !important; }<br /> <br /> body.mw-dark-mode h1, body.mw-dark-mode h2, body.mw-dark-mode h3,<br /> body.mw-dark-mode h4, body.mw-dark-mode h5, body.mw-dark-mode h6,<br /> body.mw-dark-mode .mw-headline {<br /> color: var(--text-heading) !important;<br /> border-bottom-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode .wikitable,<br /> body.mw-dark-mode table.wikitable {<br /> background-color: var(--bg-secondary) !important;<br /> color: var(--text-primary) !important;<br /> border-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode .wikitable th {<br /> background-color: var(--table-header-bg) !important;<br /> color: var(--text-heading) !important;<br /> border-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode .wikitable td {<br /> border-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode .wikitable tr:nth-child(even) {<br /> background-color: var(--table-row-alt) !important;<br /> }<br /> <br /> body.mw-dark-mode .mw-body-content,<br /> body.mw-dark-mode #bodyContent,<br /> body.mw-dark-mode #content {<br /> color: var(--text-primary) !important;<br /> }<br /> <br /> body.mw-dark-mode .catlinks {<br /> background-color: var(--bg-secondary) !important;<br /> border-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode #mw-navigation,<br /> body.mw-dark-mode .vector-menu-content {<br /> background-color: var(--bg-secondary) !important;<br /> }<br /> <br /> body.mw-dark-mode input, body.mw-dark-mode textarea, body.mw-dark-mode select {<br /> background-color: var(--bg-secondary) !important;<br /> color: var(--text-primary) !important;<br /> border-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode .mw-search-input input,<br /> body.mw-dark-mode .cdx-text-input__input {<br /> background-color: var(--bg-secondary) !important;<br /> color: var(--text-primary) !important;<br /> }<br /> <br /> body.mw-dark-mode code, body.mw-dark-mode pre {<br /> background-color: var(--code-bg) !important;<br /> color: var(--text-primary) !important;<br /> }<br /> <br /> body.mw-dark-mode .toc {<br /> background-color: var(--bg-secondary) !important;<br /> border-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode .mw-logo-wordmark {<br /> color: var(--text-heading) !important;<br /> }<br /> <br /> body.mw-dark-mode .vector-pinnable-header,<br /> body.mw-dark-mode .vector-main-menu,<br /> body.mw-dark-mode .vector-toc {<br /> background-color: var(--bg-secondary) !important;<br /> }<br /> <br /> body.mw-dark-mode .mw-footer {<br /> background-color: var(--bg-secondary) !important;<br /> color: var(--text-secondary) !important;<br /> border-top-color: var(--border-color) !important;<br /> }<br /> <br /> body.mw-dark-mode img {<br /> opacity: 0.92;<br /> }<br /> <br /> /* Dark mode toggle button */<br /> #mw-dark-toggle {<br /> cursor: pointer;<br /> padding: 4px 10px;<br /> border: 1px solid #555;<br /> border-radius: 4px;<br /> font-size: 13px;<br /> background: transparent;<br /> color: inherit;<br /> margin-left: 8px;<br /> }<br /> <br /> #mw-dark-toggle:hover {<br /> background-color: rgba(128,128,128,0.2);<br /> }</div>

Admin