Navigation

ThemeWare® Manual

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) [deprecated]"

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) [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

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 [deprecated]"

Technical name:
twt-table-dark-head-border-bottom-color

Last updated on

This page online: https://docs.themeware.design/manual/layout/tables/configuration · ThemeWare® Service Portal, service.themeware.design