# How to Customize your Community Theme

To enhance the immersive community experience for members, TaskOn now supports customizable community interface color schemes. You can personalize your community according to your project’s color design.&#x20;

Currently, both light and dark modes are available.

## Getting Started

1. [Login](../../how-to-enter-taskon-community-hub/how-to-log-in), and enter the Entity Hub.

<figure><img src="https://3435385094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjhotRGhsA7iGGmOsMlF0%2Fuploads%2FLqzaaJ2iOdTpMEED3o5B%2F%E6%88%AA%E5%B1%8F2024-05-28%2011.33.34.png?alt=media&#x26;token=d4a54097-c00b-49cf-b1d1-b04552dfbe99" alt="" width="563"><figcaption></figcaption></figure>

2. Click on "`Community Settings`", and click "`dApp integration`".

<figure><img src="https://3435385094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjhotRGhsA7iGGmOsMlF0%2Fuploads%2Fb1zSH0bDCXje7jaCtJ4t%2F%E6%88%AA%E5%B1%8F2024-05-28%2011.34.28.png?alt=media&#x26;token=fb085f9e-3e07-4af9-8104-07f2a04e7e92" alt="" width="563"><figcaption></figcaption></figure>

3. Choose `Custom Theme`, and click "Configure".

<figure><img src="https://3435385094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjhotRGhsA7iGGmOsMlF0%2Fuploads%2FUUmrnhhmSvxUS2Ddd4if%2F%E6%88%AA%E5%B1%8F2024-05-28%2011.35.33.png?alt=media&#x26;token=ca45d77b-2b89-4128-9d16-5ac37d22f270" alt="" width="563"><figcaption></figcaption></figure>

4. You can set Mode and Color.

<figure><img src="https://3435385094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjhotRGhsA7iGGmOsMlF0%2Fuploads%2FY3JBb87zVPmJzVoFsoff%2F%E6%88%AA%E5%B1%8F2024-05-28%2011.39.41.png?alt=media&#x26;token=985da33d-0c43-4d3b-86da-9d8abd8bccef" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://3435385094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjhotRGhsA7iGGmOsMlF0%2Fuploads%2FKPWNdtHmrvGs0JMtMviO%2F%E6%88%AA%E5%B1%8F2024-05-28%2011.40.25.png?alt=media&#x26;token=1781a6aa-f2f7-4943-98f4-7fbd7bac446f" alt="" width="563"><figcaption></figcaption></figure>

5. After all settings are done, you can view the actual effect in the Preview Box (Mobile & PC)  on the right and make adjustments accordingly.
6. Click "Save".

<figure><img src="https://3435385094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjhotRGhsA7iGGmOsMlF0%2Fuploads%2FjGIEosAqKNXYsuoNO84u%2F%E6%88%AA%E5%B1%8F2024-05-28%2011.43.13.png?alt=media&#x26;token=c7c05597-780a-4777-bcd9-41070c78ca3a" alt="" width="563"><figcaption></figcaption></figure>
