Dark Mode SuperUsersite: Where is the Setting?

Dark Mode: A Guide to Enabling Dark Mode on Super User Site

For those who love using "dark mode" on Stack Overflow, you might be wondering if there's a similar setting on the Super User site. While the option is not immediately apparent, it is, in fact, available. This article will provide a detailed guide on how to enable dark mode on the Super User site for a more comfortable browsing experience.

What is Dark Mode?

Dark mode, also known as night mode, is a display setting that changes the background color of a user interface from bright white to a darker color, typically black or dark gray. This setting can reduce eye strain and improve readability, especially in low-light environments or when using a device for an extended period.

How to Enable Dark Mode on Super User Site

To enable dark mode on the Super User site, follow these steps:

1. Log in to your Super User account.
2. Click on your user icon located at the top right corner of the page.
3. From the dropdown menu, select "Preferences".

// JavaScript code for automating the process of enabling dark mode
// Replace 'USERNAME' with the actual username of the logged-in user
document.querySelector('#user-menu a.username').click();
setTimeout(() => {
  document.querySelector('#user-menu a.preferences').click();
}, 1000);
setTimeout(() => {
  document.querySelector('#theme-toggle > label').click();
}, 2000);

Once you're in the "Preferences" section, follow these steps:

4. Find the "Site Settings" section.
5. Locate the "Display Preferences" subsection.
6. Look for the "Theme" option, which currently is set to "Light".
7. Click on the "Light" button to show the dropdown list.
8. Select "Dark (experimental)" from the dropdown list.

After selecting "Dark (experimental)", the page will automatically refresh with the new dark mode setting applied.

Key Concepts Explained

Let's review some of the critical concepts and terms used in this guide:

1. Preferences: A Super User site setting where users can customize their browsing experience on the platform, including theme settings.
2. Display Preferences: A subsection within "Preferences" that allows users to customize their visual experience on the site.
3. Theme: A visual style that defines the color scheme, typography, and other visual elements of a website. In the context of this guide, the "Theme" setting has two options: "Light" and "Dark (experimental)".

• To enable dark mode on the Super User site, log in, click on your user icon, and select "Preferences". Then, go to "Site Settings", find the "Display Preferences", and select "Dark (experimental)" from the "Theme" dropdown menu.
• Dark mode reduces eye strain and improves readability, especially in low-light environments or for extended use.
• It's important to note that the "Dark (experimental)" theme is still a work-in-progess, and some elements may not look perfect yet.

References

• Super User Preferences
• Stack Overflow Dark Mode Request
• Where will users look for a dark mode switch?