---
description: Custom theme
---

# 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.&#x20;



```
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
