userstyles.org - Wikipedia - Dark/Light, Width, Clarity [by Splark]

[Edit] [Delete]

See all screenshots! Options for dark and light. Easier-to-read width. Clear visual hierarchy. (beta)

(Assuming Firefox Chrome Opera Internet Explorer Chrome on Android Safari on Android Other )

Notes:

• Styles with options (like this one) don't update automatically, and also have to be uninstalled to reselect new options.
• There are small problems in dark mode, some of which can't be solved due to limitations of CSS, and some of which can. If something looks weird, please report it and/or check back in a few weeks and it might be fixed.

Known issues:

• Sister sites in dark mode don't have restyled front pages and are displaying wikipedia's logo instead of their own.
• Some users have the search-suggestions box and reference-tooltip boxes flying off from where they're supposed to be, but I can't determine the cause yet.

Known unfixable-ish issues:

• On viewports shorter than ~700px, on the front page, the footer gets in the way.
• Misc issues on some non-english localizations. (Some are using a mixture of english and non-english selectors, which breaks the style.) See discussion by Fol for work-arounds.
• Code boxes aren't darkened in dark mode.

Updates:
Apr 18, 2013 - Many small fixes and tweaks. Apparently I broke the table-of-contents option last time but nobody caught and reported it. OTL sorry guys... - fixed. Added includes for new sister sites
Mar 03, 2013 - Added includes for sister sites, which are structurally almost identical - some issues. Wikipedia added borders to #content - fixed
Dec 15, 2012 - Many small tweaks and fixes. Support for HTTPS Everywhere

Wikipedia - Dark/Light, Width, Clarity [by Splark] by Splark is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.

Show code