# Choosing a Theme, Setting Tooltips, and Orientation

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FHWfXvf8zY24tSNIymuPH%2Fdlx-has-appearance-panel.webp?alt=media&#x26;token=6e3d4e47-221f-4056-8fe4-5d93f08c1b49" alt=""><figcaption><p>Appearance Panel for Setting the Content Sharing Appearance</p></figcaption></figure>

Changing the appearance of content-sharing icons is easy. You can find the settings under the Appearance panel under the Content Sharing tab.

{% content-ref url="../../getting-started/finding-the-plugins-settings" %}
[finding-the-plugins-settings](https://docs.dlxplugins.com/highlight-and-share/getting-started/finding-the-plugins-settings)
{% endcontent-ref %}

## Built-in Themes

Choose from several built-in themes to quickly customize the look of Highlight and Share.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FU28TJUvmerxEY9rsshNn%2Fdlx-has-available-themes.webp?alt=media&#x26;token=6c456ce2-366a-4711-a12e-dc4799b0031b" alt=""><figcaption><p>There are several themes to choose from</p></figcaption></figure>

### Available Themes

Unless otherwise noted, the available themes show only the icons, not the labels. A tooltip is available on hover if that option is enabled.

#### Default Theme

The default theme shows brand colors and labels.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2F12Un6VOJqtm30eDCi3lQ%2Fdlx-default-theme.webp?alt=media&#x26;token=00929476-7892-4bdc-bdda-16482420f942" alt=""><figcaption><p>The Default Theme</p></figcaption></figure>

#### Brand Colors Theme (icons only)

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2Fs1d1wUz0e5JiwqWeHgX2%2Fdlx-has-brand-colors.webp?alt=media&#x26;token=3d52e7fa-c7bc-4616-9b08-e5d6f3a24c08" alt=""><figcaption><p>Branded Icon Theme</p></figcaption></figure>

#### Colorful Circles Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FlQcig5nQt7itHmvK32Hh%2Fdlx-has-colorful-circles.webp?alt=media&#x26;token=cc82f187-5f64-4402-af74-cfd156cb9bfc" alt=""><figcaption><p>Colorful Circles Theme</p></figcaption></figure>

#### Colorful Glass Circles Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FX5DnLa9RX67S5DcgjuSX%2Fdlx-%20240.webp?alt=media&#x26;token=d02696f9-950d-4512-a2fa-884c33e12811" alt=""><figcaption><p>Colorful Glass Circles Theme</p></figcaption></figure>

#### Orbs Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FYBOooTqyfntsVcmJFuZu%2Fdlx-%20241.webp?alt=media&#x26;token=4f1a4689-0d43-42b1-97d6-c38b03c21eb4" alt=""><figcaption><p>Orbs Theme</p></figcaption></figure>

#### Black Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2F65B3869nOJYtqOnZY1ST%2Fdlx-has-black-theme.webp?alt=media&#x26;token=27d538ec-c1c9-4c79-8ac0-29ad2d328885" alt=""><figcaption><p>Black Theme</p></figcaption></figure>

#### Purple Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2F4mqVtJORcVLfOrPvjbnM%2Fdlx-%20242.webp?alt=media&#x26;token=17d90818-c98a-4e7b-856f-1f1643c1bd41" alt=""><figcaption><p>Purple Theme</p></figcaption></figure>

#### White Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FyVVepOQvZrg8qVmMtgg6%2Fdlx-has-white-theme.webp?alt=media&#x26;token=f2f9bf85-7066-44e0-85fd-d93615d1300c" alt=""><figcaption><p>White Theme</p></figcaption></figure>

#### Cyan Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FnRMr4pA3EBtuJTo5lAOU%2Fdlx-has-cyan-theme.webp?alt=media&#x26;token=4cdb2b97-5305-4848-9b3a-05d212f628f5" alt=""><figcaption><p>Cyan Theme</p></figcaption></figure>

#### Magenta Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FFmA4v01Q7BTW3TC7OP8m%2Fdlx-%20243.webp?alt=media&#x26;token=a6734cfc-6be5-4c9a-9645-7d3980b60bd0" alt=""><figcaption><p>Magenta Theme</p></figcaption></figure>

#### Blue Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2F6AAZIxqvKNopy0ho4Xg8%2Fdlx-has-blue-theme.webp?alt=media&#x26;token=88048cab-5541-462e-b439-e033506575d8" alt=""><figcaption><p>Blue Theme</p></figcaption></figure>

#### Green Theme

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FFV9G9jr31GU9Ofv8AdaU%2Fdlx-has-green-theme.webp?alt=media&#x26;token=728159ff-da3c-4ceb-847b-b2f3079ad6aa" alt=""><figcaption><p>Green Theme</p></figcaption></figure>

### Icon Size

You can customize the icon size (default is 25) for any available theme.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FN1wGSX1p1Gv72kcgxWmD%2Fdlx-has-icon-size.webp?alt=media&#x26;token=7620b2ea-1687-476e-a942-3423ae904d45" alt=""><figcaption><p>Adjust the Icon Size for All Available Themes</p></figcaption></figure>

You can see a real-time preview in the Preview pane.

{% content-ref url="the-theme-preview" %}
[the-theme-preview](https://docs.dlxplugins.com/highlight-and-share/content-sharing/the-appearance-settings/the-theme-preview)
{% endcontent-ref %}

### Tooltips

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2F8YPMVn3wqyl5aKAwThhV%2Fdlx-has-tooltips.webp?alt=media&#x26;token=d91d21bc-953f-4c53-a695-e63452643fa7" alt=""><figcaption><p>Tooltips Option</p></figcaption></figure>

By default, a Tooltip is shown when hovering over a social network.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2Fz7KvKbJKJAmgL4VVmyQ8%2Fdlx-has-tooltips-hover.webp?alt=media&#x26;token=8da202a7-dc55-47a5-bcb8-64ec00594f5e" alt=""><figcaption><p>Tooltip Showing on Hover</p></figcaption></figure>

To remove the Tooltips, simply toggle the Tooltip option and save your changes.

You can modify the Tooltips for each network in the Social Networks panel.

{% content-ref url="../enabling-social-networks" %}
[enabling-social-networks](https://docs.dlxplugins.com/highlight-and-share/content-sharing/enabling-social-networks)
{% endcontent-ref %}

### Orientation

You can choose between horizontal and vertical orientation.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2Fd1LOxMAvBwdUOBlXrwU7%2Fdlx-has-orientation.webp?alt=media&#x26;token=957ccc9e-ec75-4654-946e-50b114d6fede" alt=""><figcaption><p>Orientation Settings in the Appearance Panel for Content Sharing</p></figcaption></figure>

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FDmFgnt9SOu1L29NZwi02%2Fdlx-has-vertical-oriented-theme.webp?alt=media&#x26;token=3a2bdb35-8307-401e-9a8b-37aa488af53f" alt=""><figcaption><p>Vertical Orientation on the Frontend</p></figcaption></figure>

### Custom Themes

If you would like to customize the theme to your own specifications, you can select "Custom" from the theme dropdown.

<figure><img src="https://219399540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FII25Fu7h0q7vR3UqUhpk%2Fuploads%2FjbHaTWKqjwgxRA5Ino8Q%2Fdlx-has-custom-select.webp?alt=media&#x26;token=9f2ec8c0-c4f8-4e0b-a045-19680b8a9ced" alt=""><figcaption><p>Select "Custom" to Configure a Custom Theme</p></figcaption></figure>

Custom Themes will be covered on the next page.

{% content-ref url="configuring-a-custom-theme" %}
[configuring-a-custom-theme](https://docs.dlxplugins.com/highlight-and-share/content-sharing/the-appearance-settings/configuring-a-custom-theme)
{% endcontent-ref %}
