TradingView guide

TradingView Dark Mode: How to Turn On the Dark Theme on Web, Desktop and Mobile

TradingView ships with its own dark theme, so you don't need anything extra for the charts. Here's where the switch lives on each platform, and how to make the rest of your trading tabs match.

Updated First published 6 min read

Quick answer

TradingView dark mode is built in. On the website, open a chart, click the menu button in the top-left corner and move the Dark theme slider. In the desktop app, pick Dark in Settings (it follows your system theme by default). On iOS and Android, go to Menu, tap the gear icon, then Theme and Dark.

Does TradingView have a dark mode?

Yes. TradingView dark mode is a native feature, and TradingView calls it the Dark theme. According to TradingView's support page, you can choose a light or dark look for both the charts and the interface, and the switch sits in the pull-down menu behind the upper button on the left of the chart screen. The desktop app and the mobile apps each have their own theme setting, covered below.

The dark theme is worth turning on if you watch charts for hours, especially before the open or late at night. Candles, indicator lines and price labels stand out against a dark canvas, and a full-screen chart no longer lights up the room.

What the theme can't do is reach beyond TradingView. Your broker, news sites, exchange dashboards and trading journal stay as bright as they were. That's where a browser extension such as Dark Mode comes in, alongside the native theme rather than instead of it.

How to turn on dark mode in the TradingView desktop app and mobile app

TradingView documents a separate path for each app:

  • TradingView Desktop (Windows and macOS): the app follows your system theme by default. To override it, open Settings and choose Dark instead of Use system theme. There's also a theme switcher in the main app menu behind the three dots at the top right. See TradingView's desktop theme article.
  • iPhone, iPad and Android: open the Menu screen from the bottom toolbar, tap the gear icon in the top-right corner, tap Theme and select Dark.

Because the desktop app follows your operating system out of the box, it can switch with macOS Auto appearance during the day. If you'd rather keep the charts dark around the clock, pick Dark explicitly so a light system theme doesn't flip it back.

How to enable TradingView dark mode on the website

These steps switch the built-in Dark theme on tradingview.com in Chrome or any other browser.

  1. 1

    Open a chart

    Go to tradingview.com and open any chart, for example by searching a symbol and opening its full chart. The theme switch lives in the chart screen's menu.

  2. 2

    Click the top-left menu button

    Click the button in the upper-left corner of the chart screen (it shows your profile picture when you're signed in). A pull-down menu opens.

  3. 3

    Move the Dark theme slider

    Find the Dark theme toggle in that menu and switch it on. If TradingView asks you to confirm the change, confirm it, and the interface and chart turn dark.

  4. 4

    Check your indicator and drawing colors

    Lines and drawings you colored for a white background, such as black or navy, can be hard to see on dark. Open the settings of each affected indicator or drawing and pick a lighter color.

  5. 5

    Darken the rest of your trading tabs

    TradingView's theme only covers TradingView. To match your broker, news and research tabs, install the free Dark Mode extension and press Alt+Shift+D on those sites.

Dark Mode extension popup with the On/Off switch, per-site toggle and Brightness, Contrast, Sepia and Grayscale sliders
The Dark Mode popup: one switch for all sites, a per-site toggle and fine-tuning sliders.

Turn on TradingView dark mode now

Free Chrome extension · works on every website · no account needed.

Add to Chrome — It's free 4.6 · 10,000+ users

What does TradingView's dark theme not cover?

The native theme is the right tool for the charts, because chart colors carry meaning: green and red candles, indicator bands, alert lines. Let TradingView draw those itself. The Dark Mode extension is for everything around it:

  • Other sites. Broker portals, exchange dashboards, economic calendars, news articles and Google Docs or Sheets trading journals rarely have a dark theme of their own. The extension darkens any regular web page.
  • Fine control. TradingView gives you light or dark. The extension adds Brightness, Contrast, Sepia and Grayscale sliders, so a white research page can be dimmed to exactly the level you want at night.
  • A schedule. The extension can switch itself on during active hours you set, after sunset at your location, or whenever your operating system is in dark mode.
  • Pages that stay light. If you come across a page on any site that stays bright, the per-site button ("Change mode on current site") darkens just that site.

Once TradingView is on its Dark theme, add tradingview.com to the extension's site list in "Not invert listed" mode so the extension leaves it alone and doesn't restyle a page that's already dark.

Other ways to get a dark TradingView

  • Chrome's dark theme. Choosing dark under Settings → Appearance darkens only the browser frame: tabs, toolbar and menus. It doesn't switch TradingView's theme; you still need the slider in TradingView's menu.
  • Chrome's "Auto Dark Mode for Web Contents" flag. This experimental setting at chrome://flags forces dark colors on every website. It's all or nothing, with no per-site list or sliders, it can recolor chart elements in odd ways, and it may change in future Chrome versions.
  • Your operating system's dark mode. Windows and macOS dark mode affects the TradingView desktop app, which follows the system theme by default. The website doesn't use it; switch the theme in TradingView's menu instead.

TradingView dark mode not working? Quick fixes

  • The desktop app keeps going light. It's following your system theme. Open the app's Settings and choose Dark instead of Use system theme.
  • An indicator disappeared after switching. It's probably still there, just drawn in a dark color. Open the indicator's settings and change the line color.
  • Charts look strange or inverted. A browser-wide tool may be restyling a page that's already dark. Exclude tradingview.com in the Dark Mode extension's site list (Alt+Shift+A toggles the current site) or turn off the Chrome flag.
  • The phone app is still light. The mobile theme is a separate setting: Menu, gear icon, Theme, Dark.

How to turn off TradingView dark mode

On the website, click the top-left menu button on a chart and move the Dark theme slider back to off. In the desktop app, choose Light (or Use system theme) in Settings or in the three-dot menu. On iOS and Android, go to Menu, tap the gear icon, then Theme and Light. If you also use the Dark Mode extension, press Alt+Shift+D or flip its On/Off switch to turn it off everywhere.

Why use dark mode on TradingView?

Early and late sessions

Pre-market prep and overnight crypto charts are easier to watch when the screen isn't a sheet of white in a dark room.

Price action stands out

Candles, levels and indicator lines pop against a dark canvas, which many traders find easier to scan.

Multi-monitor setups

With several charts open across screens, a dark theme keeps the whole desk from glowing.

A consistent trading stack

Pair TradingView's dark theme with a dark broker, news feed and journal so switching tabs doesn't flash you with white.

Best Dark Mode extension settings to pair with TradingView

Exclude tradingview.com

Use "Not invert listed" and add tradingview.com, so the native Dark theme handles the charts and the extension handles other sites.

Lower Brightness on research pages

Dim broker and news pages at night so they sit comfortably next to a dark chart.

A touch of Sepia for long reads

Warmer tones help on long articles and filings. Leave Grayscale off anywhere colors carry meaning.

Activate after sunset

Set your location and the extension switches on in the evening, with no manual toggling between sessions.

Use system color scheme

Follow your OS dark mode, the same way the TradingView desktop app does by default.

Frequently asked questions

Does TradingView have dark mode on the website?

Yes. Open a chart, click the button in the top-left corner and move the Dark theme slider. It changes both the interface and the chart.

Why does TradingView Desktop switch between light and dark on its own?

By default the desktop app uses your system theme, so it changes when Windows or macOS does (including macOS Auto mode). Pick Dark in the app's Settings to keep it dark.

How do I get a black background on TradingView charts?

Turn on the Dark theme first. For further tweaks, chart settings (the gear icon on the chart) let you adjust colors such as the background and grid.

Should I use a dark mode extension on TradingView itself?

Usually not, because TradingView already has a native dark theme that draws chart colors correctly. Exclude tradingview.com in the extension's site list and use the extension for your broker, news and research sites.

Is the Dark Mode extension free?

Yes. The free plan includes all the core features mentioned in this guide. An optional Pro plan is available; see pricing.

Does the extension work in Brave and Edge too?

Yes, it works in Chromium browsers that install Chrome Web Store extensions, including Edge, Brave, Opera, Vivaldi and Yandex Browser, on desktop. See our Brave dark mode guide.

The bottom line

TradingView dark mode is built in: use the Dark theme slider on the web, the theme setting in the desktop app, and Menu, gear, Theme on mobile. Let TradingView handle the charts, and use the free Dark Mode extension to darken the rest of your trading tabs. More walkthroughs are on the blog.