# Style

## General

* Portal title: the page name which will show in the portal header
* Logo: the logo which will show in the portal header. Use the *browse* button to connect a logo, or drag and drop the logo file into the allocated area.
* Favicon: the favicon presented to the users in the web browser for the page. Use the browse button to upload a favicon or drag and drop the file to the allocated area. To change the favicon back to default, use the trash bin icon to remove current favicon. 

![](https://3419513391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M8UicCaVOHq3HV3RgoW%2F-M8UoVEZzm11nrcH4xCa%2Fimage.png?alt=media\&token=53f39730-b9c6-4e05-9753-d53fcf8ef0b2)

## Colors

To configure the workspace background color, click on the color box to select the desired color. 

There are two portal themes to choose from: light and dark. The theme sets the background color of the navigator and portlet headers.

<div align="left"><img src="https://3419513391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M0lPhaIIVzZKVthXNqs%2F-M0lVbCRWWtXyfJGsYLe%2Fimage.png?alt=media&#x26;token=1da3e564-369e-4902-a037-7f9ab8d73e35" alt=""></div>

{% tabs %}
{% tab title="Light theme" %}

<div align="left"><img src="https://3419513391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M0lPhaIIVzZKVthXNqs%2F-M0lUawTF7eY6jILdddQ%2Fimage.png?alt=media&#x26;token=6f633a12-9522-436c-a649-6e6310bd5e0e" alt=""></div>
{% endtab %}

{% tab title="Dark theme" %}

<div align="left"><img src="https://3419513391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LtPTgZOYmpJka4jqs1v%2F-M0lPhaIIVzZKVthXNqs%2F-M0lVFzemoEzJXEiwfD0%2Fimage.png?alt=media&#x26;token=6b00d711-ed1a-4ecc-ab32-2475fc63ec51" alt=""></div>
{% endtab %}
{% endtabs %}