---
url: >-
  /api/plugins/pantoken/custom-theme-colors/src/interfaces/CustomThemeColorsCssOptions.md
---
[pantoken-root](../../../../../index.md) / [plugins/pantoken/custom-theme-colors/src](../index.md) / CustomThemeColorsCssOptions

# Interface: CustomThemeColorsCssOptions

Beta

Options for [customThemeColorsCss](../functions/customThemeColorsCss.md).

## Properties

### selector?

> `optional` **selector?**: `string`

Beta

Selector prefix the conditional `[data-pantoken-color="…"]` rules are scoped under. Defaults to
`:root`. Two callers can each pass a different selector (e.g. `:root` for a page's chrome and
`#some-tray` for a nested widget) to run independent, non-interfering color instances on the
same page — each toggles its own attribute on its own element instead of sharing `:root`.

***

### resetSelector?

> `optional` **resetSelector?**: `string`

Beta

An additional selector whose subtree should always render the true, unremapped colors,
regardless of what an ancestor's `[data-pantoken-color]` scope currently has active. Emits one
unconditional rule pinning every token this plugin can override back to its own base value —
e.g. a color-swatch legend nested inside an already-themed page needs its reference swatches to
stay constant rather than inherit the ancestor's remap.

***

### custom?

> `optional` **custom?**: `string`

Beta

A brand hex (`#rgb`/`#rrggbb`) to derive the `custom` scale from. When set, a
`[data-pantoken-color="custom"]` rule is appended — see [customColorCss](../functions/customColorCss.md).