Skin:Timeless/DarkCSS

This is a CSS overlay that overrides the standard Timeless CSS to recolor everything in dark grey with orange highlights. Can be used on any wikipedia wiki, or installed to a mediawiki server.

This is an unmaintained and has many outstandingly issues, and it is unclear if it works on newer MW versions. An alternative is the en:Wikipedia:Dark mode (gadget), based on Extension:DarkMode, which is more reliable and maintained. See en:User:Volker_E._(WMF)/dark-mode Option 2 for instructions on using the Gadget-dark-mode.css without creating a gadget.

How to use on Wikimedia wikis
To enable this theme for personal use, add the following line to the start of Special:MyPage/timeless.css on the wiki where you intend to use this theme:

Alternatively, add this line to the start of meta:Special:MyPage/global.css to enable it on all Wikimedia wikis that you visit. This is only advised, if you have set the Timeless skin as the preferred appearance on all wikis. To do so visit meta:Special:GlobalPreferences.

Wikimedia wikis that use a different skin than Timeless will appear broken and very hard to use. Unfortunately, there's no way to apply a css to a specific skin globally on all wikis.

To disable the theme remove the import line.

How to install on a mediawiki server
To install it on a server to be enabled for all users:


 * 1) Download the CSS from Skin:Timeless-DarkCSS/timeless-dark.css.
 * 2) Edit MediaWiki:Timeless.css on your own wiki.
 * 3) Copy the downloaded CSS into it and save the page.
 * 4) You may have to reload pages and/or purge caches to see style updates.
 * 5) It is recommended to edit /skins/Timeless/resources/libraries/normalise.css and change the html { and body {  background.

Uninstallation instructions

 * 1) Revert edits to or blank out MediaWiki:Timeless.css on your wiki.

Important Notes

 * It is recommended to edit sudo nano /install/directory/skins/Timeless/resources/libraries/normalise.css and change the background for html { and add the same background color for the body {
 * These changes are for the color for all users using the Timeless theme-- Unless a child theme is created, nobody can choose between the normal and dark skins. You can however enable the dark theme for users only who turned on dark mode in their browsers if your wrap the following around the dark css code:
 * If user CSS is enabled on a wiki, you can paste it into your own user CSS page on that wiki, i.e. User:Example/Timeless.css so that you will get the dark color scheme just for you on that wiki.
 * NOTE: Click "Edit" to view and copy the raw form of the following CSS code. Or, use a CSS editor to "beautify" or "Apply source format" to make it be easier to read,
 * TIP: Check out CSSComb to sort CSS in different ways.

To do

 * Increase contrast between foreground and background in areas where the ratio is too low.
 * Fix notification of successful page edit location to the center of the horizon.
 * Find the cause of a bug that causes the html CSS brightness to increase and background to not be overridden by the MediaWiki:Timeless.css
 * menu color have white sections on many mobile and tablet screen sizes
 * templates and portals with background colors need to be edited to avoid light text over pastel/off-white
 * Remove positioning changes or separate into another section
 * Establish which MW versions this works for

CSS
Transcluded from: Skin:Timeless-DarkCSS/timeless-dark.css Direct download: