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

# Function: customThemeColorsCss()

> **customThemeColorsCss**(`tokens?`, `options?`): `string`

Beta

Generate CSS rules for all custom theme color choices by remapping primitive color scale steps
(`--instui-primitive-color-navy-*` and `--instui-primitive-color-blue-*`) and relinking literal
brand hex values that upstream flattened away from those primitives, while preserving explicitly
named blue accents and semantic status intents.

## Parameters

### tokens?

readonly [`Token`](../../../../../packages/core/src/interfaces/Token.md)\[] | `Map`<`string`, `string`>

Optional token array or map for primitive step color lookups.

### options?

[`CustomThemeColorsCssOptions`](../interfaces/CustomThemeColorsCssOptions.md) = `{}`

[CustomThemeColorsCssOptions](../interfaces/CustomThemeColorsCssOptions.md).

## Returns

`string`

Generated CSS rules string.