> For the complete documentation index, see [llms.txt](https://docs.goaffpro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.goaffpro.com/affiliate-portal-customization/advanced-customization/css-customizations/affiliate-portal-dark-theme.md).

# Affiliate Portal Dark Theme

### To set up a dark theme for your affiliate portal: 

Go to the Look and Feel > Affiliate Dashboard > Custom JavaScript code section and paste the following code in there:

```javascript
document.getElementsByTagName('html')[0].setAttribute('data-bs-theme', 'dark')
```

After this, click on **Apply**.

<figure><img src="/files/9cN0NCS0GZfcvx5dtT1M" alt=""><figcaption><p>Add the code and click on Apply</p></figcaption></figure>

Next, go to the Look And Feel > Landing page > Top Navigation section and set the navbar background with the following hex color code: **#282B2F**

Finally, click on **Save**.&#x20;

<figure><img src="/files/z8uWamUDZwfLcAY7AUpi" alt=""><figcaption><p>Set the Navbar Background color and click on Save</p></figcaption></figure>

The affiliate portal will feature the dark theme.

<figure><img src="/files/k04YcpnDMVAbcmJaoiEJ" alt=""><figcaption><p>Affiliate Portal</p></figcaption></figure>

The affiliate dashboard will also be displayed with the dark theme.

<figure><img src="/files/qbTgb9w66xlyo8A9mc2B" alt=""><figcaption><p>Affiliate Dashboard</p></figcaption></figure>