> For the complete documentation index, see [llms.txt](https://alix-lahuec.gitbook.io/zotero-roam/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://alix-lahuec.gitbook.io/zotero-roam/v0.6/customization/other/theme.md).

# theme

Adds a custom class to the extension's interface

`theme` should be an HTML class, which will be added to :

* the overlay `.bp3-dialog` elements
* the on-page menu `.bp3-card` element
* the context menu `.bp3-popover` element

You can use it to facilitate custom theming.

## Blueprint Dark Theme

{% hint style="success" %}
Using `theme: "bp3-dark"` will apply Blueprint's own dark theme to the extension's interface, without needing any additional CSS rules.
{% endhint %}

![References panel with Blueprint's dark theme](https://3594197829-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MT27mrenUP-_WL-J7HW%2F-Mg6133YMJO52IdS2-cP%2F-Mg61gBvgj6i6mbMNTb7%2F-macdonaldPathwaysMentalHealth2018_dark.png?alt=media\&token=0d49f9d8-8aa4-4815-9716-5f51b167e0a3)

![On-page menu with Blueprint's dark theme](https://3594197829-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MT27mrenUP-_WL-J7HW%2F-Mg6133YMJO52IdS2-cP%2F-Mg639R2RZz2c4MHkbPq%2F-macdonaldPathwaysMentalHealth2018_onpage_dark.png?alt=media\&token=138d0c03-dff2-46f5-8b51-dc962eb72209)

![Library search panel with Blueprint's dark theme](https://3594197829-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MT27mrenUP-_WL-J7HW%2F-Mg63HWP9wcm_KtUpdQ9%2F-Mg63TGqM6rCEW3J5sGy%2Fimage.png?alt=media\&token=289cdf63-c3ba-43ec-ab84-439c04d54ceb)

![Contextual panel with Blueprint's dark theme](https://3594197829-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MT27mrenUP-_WL-J7HW%2F-Mg64SW3obeROtZcAotW%2F-Mg65bhyPFfZvFDPwAdn%2Fimage.png?alt=media\&token=0e54ec19-180e-484b-a73f-f51c9b42de33)