CSS themes not working (docs might be outdated)

[erondpowell]

Howdy folks!

Context:
I'm currently trying to use tippy.js to build a chrome browser extension. Someone clicks a word and a definition pops up in the tooltip.

Problem:
As you can see in the image, the tooltip (highlighted, hovering awkwardly between white space and the codeblock) is not taking on any CSS.

However, you can see from the red p text, that the css is applying in general.

I have declared the theme property as shown in the docs.

---

I noticed that the tooltip class names in dev tools are not the same as what's shown in the docs:

My Browser: data-tippy-root (no class) > .tippy-box > .tippy-content`

The Docs

If I just target tippy-box it works!

Can anybody lend some insights here? Is it the docs out of date? Or a config error on my end? IDK how tippy handles this stuff, and wonder whether going "off the script" is an issue.

(P.S. if its the docs outta date, I'd be happy to coordinate and help update those.)