Roblox Dark Mode: How to Turn It On (Website, App and Chrome)

Does Roblox have a dark mode?

Yes. Roblox dark mode has been an official option since 2019, when Roblox announced its dark theme for the desktop site and the mobile app. The menus have moved since then; at the time of writing, this is where the switch lives:

• roblox.com in a browser: log in, click the gear icon in the top-right corner, choose Settings, open Browser preferences and set Theme to Dark.
• Roblox app on Windows and macOS: click More (the three dots) in the left menu, then Settings → Device preferences → Device level theme → Dark.
• Roblox app on iPhone, iPad and Android: tap More → Settings → Device preferences → Device level theme and pick Dark.

Choosing System instead of Dark makes Roblox follow your device or browser color scheme, so it turns dark only when your computer or phone is in dark mode. That's also the usual reason the Roblox dark theme seems to "not work": if your operating system is light, Roblox stays light.

The built-in theme mainly covers the core site: navigation, menus, settings and the main browsing pages. Other Roblox web pages, such as help articles, the newsroom and creator documentation, can use their own styling, and none of them let you lower brightness, raise contrast or add a warm tint. That's where a browser-level night mode such as the Dark Mode extension helps.

How do I make Roblox Studio dark?

Roblox Studio is a desktop program, not a web page, so no browser extension can change it. Use its own setting instead: open Studio Settings (Alt+S on Windows, ⌥+S on Mac), type theme into the search field at the top of the window and choose the dark theme. Roblox describes this in its Studio setup guide.

The same goes for the games themselves. Experiences run in the Roblox Player or the Roblox app and draw their own graphics, so a game's colors are up to its creator. The Dark Mode extension works on what you open in Chrome: roblox.com, its game pages, profiles, groups and other Roblox sites in a browser tab.

How to enable Roblox dark mode in Chrome with the Dark Mode extension

These steps darken roblox.com and other Roblox web pages in Chrome, or in any Chromium browser that installs extensions from the Chrome Web Store.

1. 1

   Install the Dark Mode extension

   Open the Dark Mode page in the Chrome Web Store and click Add to Chrome. It's free. Pin it from the puzzle-piece menu so the icon stays on your toolbar.

2. 2

   Open Roblox in a tab

   Go to roblox.com and sign in as usual. The extension works on regular web pages, so the home page, game pages, the avatar shop, groups and profiles all count.

3. 3

   Switch dark mode on

   Click the extension icon and flip the big On/Off switch, or press Alt+Shift+D. The page is redrawn with a dark background and light text.

4. 4

   Tune Brightness, Contrast and Sepia

   Use the sliders in the popup. Lower Brightness takes the edge off late at night, a little extra Contrast keeps small text sharp, and Sepia adds a warmer tone.

5. 5

   Choose where and when it runs

   Use the site list ("Invert listed only" or "Not invert listed") to decide which sites go dark, and press Alt+Shift+A to add or remove Roblox. You can also set active hours or turn it on after sunset.

Are there other ways to make Roblox dark?

The extension isn't the only way to get a black background on Roblox. Here's how the other options compare:

• Roblox's own Dark theme. Start here. It's free, it's built in and it's designed by Roblox, so the core pages look exactly as intended. Its limit is coverage and control: you can't dim it, and pages outside its reach stay light.
• Chrome's dark theme. Setting Chrome to dark under Settings → Appearance only changes the browser frame: tabs, toolbar and menus. The page itself is still drawn the way the website styles it.
• Chrome's "Auto Dark Mode for Web Contents" flag. The experimental switch at chrome://flags forces dark colors on every website at once. It's all or nothing: no per-site list, no brightness or contrast sliders, and as an experiment it can change or disappear in a future Chrome version.
• Your operating system's dark mode. If you set Roblox's theme to System, turning on dark mode in Windows, macOS, iOS or Android also switches Roblox. That doesn't affect sites that don't support a dark theme.

Roblox dark mode not working? Quick fixes

• Avatars, thumbnails or game icons look inverted. Open the extension settings and switch the generation mode to Dynamic (the default) or Filter+, which preserves color saturation. Both keep images looking natural while the page goes dark.
• A Roblox page stays white. Roblox may be excluded by your site list. Press Alt+Shift+A to toggle the current site, then reload the tab. Also check that "Only for" isn't limiting your settings to another website.
• Colors look odd with Roblox's Dark theme on. If you already use the built-in theme, either set Roblox back to Light and let the extension handle it, or exclude roblox.com from the extension with Alt+Shift+A. Pick one, not both.
• Some pages can't be darkened at all. Pages protected by the browser, such as chrome:// pages and the Chrome Web Store, are off-limits to every extension.
• Your game or Studio didn't change. That's expected: they are apps, not web pages. Use the in-app theme settings described above.

How to turn off dark mode on Roblox

To turn off the extension everywhere, press Alt+Shift+D or flip the On/Off switch in the popup. To turn it off for Roblox only, use the per-site button in the popup ("Change mode on current site") or press Alt+Shift+A while you're on roblox.com.

To switch off Roblox's own dark theme, go back to Settings → Browser preferences → Theme on the website, or Device preferences → Device level theme in the app, and choose Light. In Roblox Studio, open Studio Settings, search for theme and select the light theme.

Why use dark mode on Roblox?

Best Dark Mode settings for Roblox

Frequently asked questions