# Configuration

## Colour configuration

***

### Text colour

**Field type**:\
Color picker

**Example value**:\
`#000000`

**Path to the configuration**:\
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

**Technical name**:\
`twt-dropdown-color`

{% hint style="info" %}
Select the text colour in dropdown menus.

**Note**: Please note that selected dropdowns (e.g. in the header) have a separate configuration.
{% endhint %}

***

### Link colour

**Field type**:\
Color picker

**Example value**:\
`#000000`

**Path to the configuration**:\
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

**Technical name**:\
`twt-dropdown-link-color`

{% hint style="info" %}
Select the link colour in dropdown menus.

**Note**: Please note that selected dropdowns (e.g. in the header) have a separate configuration.
{% endhint %}

***

### Link colour @hover

**Field type**:\
Color picker

**Example value**:\
`$sw-color-brand-primary`

**Path to the configuration**:\
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

**Technical name**:\
`twt-dropdown-link-color-hover`

{% hint style="info" %}
Select the link colour @hover in dropdown menus.

**Note**: Please note that selected dropdowns (e.g. in the header) have a separate configuration.
{% endhint %}

***

### Border colour

**Field type**:\
Color picker

**Example value**:\
`#e0e0e0`

**Path to the configuration**:\
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

**Technical name**:\
`twt-dropdown-border-color`

{% hint style="info" %}
Select the border colour of dropdown menus.

**Note**: Please note that selected dropdowns (e.g. in the header) have a separate configuration.
{% endhint %}

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`#ffffff`

**Path to the configuration**:\
Tab "Layout" => Block "Dropdowns" => Section "Colour configuration"

**Technical name**:\
`twt-dropdown-background-color`

{% hint style="info" %}
Select the background colour of dropdown menus.

**Note**: Please note that selected dropdowns (e.g. in the header) have a separate configuration.
{% endhint %}

## Drop shadow

***

### Drop shadow

**Field type**:\
Select

**Available values**:\
• no shadow (default)\
• ThemeWare® default\
• Small shadow (Bootstrap)\
• Regular shadow (Bootstrap)\
• Larger shadow (Bootstrap)

**Example value**:\
`no shadow (default)`

**Path to the configuration**:\
Tab "Layout" => Block "Dropdowns" => Section "Drop shadow"

**Technical name**:\
`twt-dropdown-box-shadow-type`

{% hint style="info" %}
Select the drop shadow of dropdown menus.
{% endhint %}