Dashboard Design

Dark themes in Data Studio, and what they cost

Data Studio has dark themes. It does not have dark mode. One is a preference each reader sets; the other is a decision you make for everybody, permanently.

Lazarina Stoy·

Dark Mode in Data Studio: What Exists and What Doesn’t

Data Studio has dark themes. It does not have dark mode. Those are different things, and the difference is the whole post — because one is a preference each reader sets for themselves, and the other is a decision you make once, for everybody, permanently.

Most of what’s written on this subject answers the wrong one.

Comparison of dark mode and a dark theme: dark mode follows the reader's system setting per person and is reversible, while a dark theme is report-wide, identical for every viewer, and exports to PDF
A dark theme is not a smaller version of dark mode. It’s a different decision with a different owner.

Data Studio has no dark mode, for you or your readers

Three things people look for and won’t find.

No editor dark mode. The Data Studio editing interface is light, and there’s no setting to change it. This comes up regularly on Google’s own forums and the answer is consistently that it isn’t supported.

No per-viewer preference. A reader can’t choose to view your report dark. Nothing respects their operating system setting.

No system-setting awareness. A report renders the same whether the reader’s device is in light or dark mode.

One correction worth making, because it’s recycled widely: the advice to install the Dark Reader browser extension is about Looker — Google’s enterprise BI platform — not Data Studio. The two get conflated constantly, and it’s worth checking which product a tutorial means before following it. You can of course point a general-purpose inverting extension at Data Studio, but you’d be inverting your own editing session, not changing anything a reader sees.

The dark themes Data Studio does ship

Data Studio ships around nineteen themes, and the dark ones are in there. Constellation and Lagoon are both present — I’ve checked the current picker rather than repeating an old list, because Google named these once in a release note years ago and the themes page names none of them at all.

There has historically been a third, Simple Dark. I couldn’t confirm it in the picker I looked at, so I’d rather say two confirmed than repeat a list I haven’t verified.

You can also build your own by starting from one of those and customising, which is the right approach if the report needs to be dark and on-brand. Building a branded theme covers the mechanics, including the one-custom-theme-per-report limit that applies just as much here.

Uncheck Has margin: the tip that makes a dark report look deliberate

From Google’s own release note when these shipped, and I’ve never seen it repeated anywhere: uncheck “Has margin” in Theme and layout → LAYOUT.

Has margin puts a gap between your canvas and the browser edge. On a light report nobody notices. On a dark one it produces a dark rectangle floating on a light background, which reads as a slide that hasn’t loaded properly. Unchecking it lets the dark fill the window, and the report suddenly looks like an application rather than a document.

The Data Studio Theme and layout panel with the Has margin toggle highlighted, switched on, beneath the Display mode radio buttons
One toggle, at the bottom of the View Mode group. On a light report it changes nothing you’d notice; on a dark one it changes everything. View full size

It’s a one-click change and it’s the difference between a dark report looking intentional and looking broken.

Building a branded dark theme, in order

If you’re going dark and on-brand, the order matters more than usual, because a dark theme has more ways to go subtly wrong.

  1. Start from Constellation or Lagoon rather than from Default. They have the backgrounds, borders and text contrasts already set for dark, and those are the fiddly parts.
  2. Set the report background before anything else. Every subsequent contrast judgement is made against it, so changing it later invalidates all of them.
  3. Decide flat or carded now. On dark, carded means a component background one or two steps lighter than the page rather than a border — borders on dark read as scratches. Set component background, then set border weight to None.
  4. Re-pick the palette from scratch. Do not port the light palette across. Mid-tone brand colours that sit well on white often vanish on dark, and pale tints that looked soft on white turn into glare. Aim for saturated mid-tones, and check each one against the background you set in step two.
  5. Set the text colours last, and aim for a light grey rather than pure white. Pure white on near-black is the combination most people find hardest to read for any length of time.
  6. Uncheck Has margin.

Then the asset job, which is the part that takes the actual time: every logo, icon and image in the report needs a light-on-dark variant. For the client’s own logo that means asking them, and it’s worth asking at the start of the project rather than the day before the report ships.

What a dark theme breaks in a Data Studio report

Four things, and the last one is the one that reaches a client.

Transparent images stop working. A logo exported as a PNG with a transparent background and dark lettering becomes invisible. Every logo, icon and image in the report needs a light-on-dark variant, which for client logos means asking them for one.

Chart defaults were chosen for white. Gridlines, axis labels and borders that read as “subtle” on white become invisible on a dark background. The theme handles most of it; components you’ve styled by hand won’t be — those need Reset to report theme, one at a time.

Contrast inverts, and not symmetrically. A palette that comfortably clears 4.5:1 against white can fail against a dark background, and pale pastels — which look fine on white — turn into glare. The requirements don’t change: 4.5:1 for text and 3:1 for chart series, measured against the background you actually shipped.

PDFs. This is the one. Somebody downloads your beautifully dark report and prints it, and they get a page of solid ink.

The Data Studio Download report PDF dialog with Additional Options expanded and the Ignore custom background colour checkbox ticked, above options to add a link back to the report and to password protect it
File → Download as → PDF, then Additional Options. The first checkbox is the one that saves the printer. View full size

The fix is in the download dialog itself, under Additional Options: “Ignore custom background colour”, which renders the report on white instead. Worth knowing it exists, and worth telling the client it exists, because they will not find it — it’s collapsed behind a disclosure triangle in a dialog most people click through without reading.

If a dark report is going to be exported regularly, say so in the report itself. A one-line text box on the cover — “printing this? tick Ignore custom background colour in the PDF dialog” — costs nothing and saves the email.

When a dark Data Studio report is the right call

Genuinely sometimes, and it’s worth separating the good reasons from the aesthetic ones.

A wall display. A dashboard on a screen in an office, in a room with the lights down, is exactly the case dark themes are for. It’s also the case where nobody’s printing it.

A brand that’s genuinely dark. If the client’s site, deck and product are all dark, a white report is the thing that looks off-brand.

A single, sustained viewing context. Dark works when you know how the report will be looked at. It stops working when the same report is read on a phone in daylight, printed for a board pack, and pasted into a light-themed deck.

And the reason that isn’t good enough: because it looks more modern. You’re choosing on behalf of every reader, permanently, with no opt-out — including the ones who find light text on dark harder to read, which is a real and reasonably common preference.

The half-measure worth considering instead of dark

If what you want is “not a white rectangle” rather than “dark”, there’s a middle option most people skip: a light theme with a tinted report background and white component backgrounds.

The charts sit on white cards, so every default still works and nothing about contrast changes. The page has a colour. It prints fine. And it’s about a ninety-second change in Theme and layout.

That gets you most of what people actually want from “make it dark” without any of the costs above.

Frequently asked questions

Does Data Studio have a dark mode?

No. There’s no dark mode for the editor and no per-viewer setting, and reports don’t respond to a reader’s system preference. What exists is dark themes — Constellation and Lagoon are both in the current picker — which apply report-wide, to every viewer, with no opt-out.

How do I make a Data Studio report dark?

Apply one of the dark themes in Theme and layout, then uncheck “Has margin” so the dark fills the window rather than floating on a light background. After that, budget time for light-on-dark logo variants and for resetting any component you’d styled by hand.

Will a dark report print or export properly?

Not by default — it comes out as a page of solid ink. The PDF download dialog has an “Ignore custom background color” option that renders it on white. Worth telling the client about, because they won’t find it themselves.

Where to go next on report styling

Scroll to Top