User:Zepto/minerva - Dark Mode CSS for Wikipedia Minerva Theme

edit

Overview

edit

This custom CSS script enables dark mode for the Wikipedia Minerva theme, adapting to the user's operating system preferences. It's ideal for users who prefer a dark-themed interface for reading and navigating Wikipedia on devices supporting dark mode, such as those running MacOS, iOS, or similar systems.

Features

edit
  • Automatic Dark Mode: The script switches to dark mode based on the operating system's color scheme settings.
  • Responsive Design: Customizations ensure that the layout is responsive and adapts to different screen sizes.
  • Enhanced Readability: The script improves readability in dark mode by adjusting text and background colors, as well as other elements like tables and images.

Further improvements are planned for the future.

Installation

edit

To use this custom CSS, follow these steps:

  1. Log in to your Wikipedia account.
  2. Navigate to your user CSS page (e.g., `/User:YourUsername/common.css`).
  3. Copy the entire content of the CSS script provided below.
  4. Paste the copied content into your user CSS page.
  5. Save the changes. The dark mode will be enabled based on your OS preferences.

If you need help, please contact me on my [[User_talk:Zepto|talk page].

CSS Code

edit

See: User:Zepto/minerva.css

Compatibility

edit

This CSS script is designed for the Minerva theme on Wikipedia/Wikimedia. It has been tested on various browsers including Chrome, Firefox, and Safari, and is expected to work on any modern browser that supports CSS media queries for dark mode.

Contributions and Feedback

edit

Your feedback and contributions are welcome. If you encounter any issues or have suggestions for improvements, please reach out on the talk page.