> For the complete documentation index, see [llms.txt](https://tokenscript.gitbook.io/token-negotiator/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tokenscript.gitbook.io/token-negotiator/learn/active-negotiation-ui/theme.md).

# Theme

Token Negotiator Active mode comes with its own set of styles. To adjust these, its recommended you import your own version of the following style sheet. 

```
import "@tokenscript/token-negotiator/dist/theme/style.css";
```

Here are two ways this can be done.

#### Working directly with CSS

1. Copy @tokenscript/token-negotiator/dist/theme/style.css into your project.

```

https://www.npmjs.com/package/@tokenscript/token-negotiator?activeTab=code

```

2. Import the styles, adjusting as required.

```
import "new path to the css/style.css";
```

#### **Working with Less**

1. Copy Token Negotiator's /theme directory into your Less supported project.

```
https://github.com/TokenScript/token-negotiator/tree/main/src/theme
```

2. Import the styles, adjusting as required.

For support and any questions please reach out to us on [discord](https://discord.com/invite/CfvmYFyujW) or via <sayhi@smarttokenlabs.com>