# Configuration

## Colour configuration

***

### Text colour

**Field type**:\
Color picker

**Example value**:\
`#333333`

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

**Technical name**:\
`twt-table-body-color`

***

### Border colour

**Field type**:\
Color picker

**Example value**:\
`#eeeeee`

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

**Technical name**:\
`twt-table-body-border-color`

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`transparent`

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

**Technical name**:\
`twt-table-body-background-color`

***

### Background colour (Accent)

**Field type**:\
Color picker

**Example value**:\
`transparent`

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

**Technical name**:\
`twt-table-accent-background-color`

***

### Text colour @hover

**Field type**:\
Color picker

**Example value**:\
`$twt-table-body-color`

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

**Technical name**:\
`twt-table-hover-color`

***

### Background colour @hover

**Field type**:\
Color picker

**Example value**:\
`rgba(0, 0, 0, 0.075)`

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

**Technical name**:\
`twt-table-hover-background-color`

***

### Background colour @active

**Field type**:\
Color picker

**Example value**:\
`$twt-table-hover-background-color`

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

**Technical name**:\
`twt-table-active-background-color`

## Table head (light tables)

***

### Text colour

**Field type**:\
Color picker

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

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Table head (light tables)"

**Technical name**:\
`twt-table-head-color`

***

### Background colour

**Field type**:\
Color picker

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

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Table head (light tables)"

**Technical name**:\
`twt-table-head-background-color`

## Dark tables

***

### Text colour

**Field type**:\
Color picker

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

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Dark tables"

**Technical name**:\
`twt-table-dark-color`

***

### Border colour

**Field type**:\
Color picker

**Example value**:\
`#5b6770`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Dark tables"

**Technical name**:\
`twt-table-dark-border-color`

***

### Background colour

**Field type**:\
Color picker

**Example value**:\
`#4a545b`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Dark tables"

**Technical name**:\
`twt-table-dark-background-color`

***

### Background colour (Accent)

**Field type**:\
Color picker

**Example value**:\
`rgba(255, 255, 255, 0.05)`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Dark tables"

**Technical name**:\
`twt-table-dark-accent-background-color`

***

### Text colour @hover

**Field type**:\
Color picker

**Example value**:\
`$twt-table-dark-color`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Dark tables"

**Technical name**:\
`twt-table-dark-hover-color`

***

### Background colour @hover

**Field type**:\
Color picker

**Example value**:\
`rgba(255, 255, 255, 0.075)`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Dark tables"

**Technical name**:\
`twt-table-dark-hover-background-color`

## Extended tables

***

### Border colour (bordered)

**Field type**:\
Color picker

**Example value**:\
`#dddddd`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Extended tables"

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

***

### Border-bottom colour (Table)

**Field type**:\
Color picker

**Example value**:\
`rgba(0, 0, 0, 0)`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Extended tables"

**Technical name**:\
`twt-table-body-border-bottom-color`

***

### Border-bottom colour (Table head light)

**Field type**:\
Color picker

**Example value**:\
`$twt-table-body-border-color`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Extended tables"

**Technical name**:\
`twt-table-head-border-bottom-color`

***

### Border-bottom colour (Table head dark)

**Field type**:\
Color picker

**Example value**:\
`$twt-table-dark-border-color`

**Path to the configuration**:\
Tab "Layout" => Block "Tables" => Section "Extended tables"

**Technical name**:\
`twt-table-dark-head-border-bottom-color`