DataTable/io.github.stephenwanjala.datatable/DataTableColors

DataTableColors

@Immutable

data class DataTableColors(val container: Color = Color(0xFFFAFAFA), val header: Color = Color(0xFFF0F0F0), val divider: Color = Color(0xFFDDDDDD), val selectedRow: Color = Color(0x4D1976D2), val expandedRow: Color = Color(0x80F0F0F0), val onSurface: Color = Color(0xFF1C1C1C), val onSurfaceSecondary: Color = Color(0xFF757575), val checkboxChecked: Color = Color(0xFF1976D2), val checkboxUnchecked: Color = Color(0xFF757575), val checkboxCheckmark: Color = Color.White, val iconTint: Color = Color(0xFF616161), val disabledContent: Color = Color(0xFFBDBDBD), val rowAlternate: Color = Color.Transparent, val hoveredRow: Color = Color(0x1A000000), val focusedRowBorder: Color = Color(0xFF1976D2), val focusedCellBorder: Color = Color(0xFF1976D2), val editingCell: Color = Color(0xFFFFFFFF), val invalidCellBorder: Color = Color(0xFFD32F2F), val selectedCell: Color = Color(0x331976D2), val draggedColumn: Color = Color(0x1F1976D2), val columnDropIndicator: Color = Color(0xFF1976D2), val filterRow: Color = Color(0xFFF7F7F7), val filterField: Color = Color(0xFFFFFFFF))(source)

Colors used throughout the DataTable.

All colors have sensible defaults that work without any theming framework. Pass a custom instance to DataTable to match your application's palette.

Text color is not here — it lives on the styles in DataTableTextStyles — so a dark palette means overriding both.

Constructors

DataTableColors

constructor(container: Color = Color(0xFFFAFAFA), header: Color = Color(0xFFF0F0F0), divider: Color = Color(0xFFDDDDDD), selectedRow: Color = Color(0x4D1976D2), expandedRow: Color = Color(0x80F0F0F0), onSurface: Color = Color(0xFF1C1C1C), onSurfaceSecondary: Color = Color(0xFF757575), checkboxChecked: Color = Color(0xFF1976D2), checkboxUnchecked: Color = Color(0xFF757575), checkboxCheckmark: Color = Color.White, iconTint: Color = Color(0xFF616161), disabledContent: Color = Color(0xFFBDBDBD), rowAlternate: Color = Color.Transparent, hoveredRow: Color = Color(0x1A000000), focusedRowBorder: Color = Color(0xFF1976D2), focusedCellBorder: Color = Color(0xFF1976D2), editingCell: Color = Color(0xFFFFFFFF), invalidCellBorder: Color = Color(0xFFD32F2F), selectedCell: Color = Color(0x331976D2), draggedColumn: Color = Color(0x1F1976D2), columnDropIndicator: Color = Color(0xFF1976D2), filterRow: Color = Color(0xFFF7F7F7), filterField: Color = Color(0xFFFFFFFF))

Properties

checkboxChecked

val checkboxChecked: Color

Fill and border of a checked selection checkbox.

checkboxCheckmark

val checkboxCheckmark: Color

The checkmark drawn inside a checked checkbox.

checkboxUnchecked

val checkboxUnchecked: Color

Border of an unchecked selection checkbox.

columnDropIndicator

val columnDropIndicator: Color

The line drawn down the edge a dragged column would land against.

container

val container: Color

Background behind the whole table.

disabledContent

val disabledContent: Color

Pagination arrows that cannot be used from the current page.

divider

val divider: Color

Row separators, the freeze boundary, and grouped-header underlines.

draggedColumn

val draggedColumn: Color

Wash over the header being dragged to a new position, so it is clear which column is on the move. Translucent, so the title still reads.

editingCell

val editingCell: Color

Background behind an open cell editor, so the field reads as a field rather than as text that happens to have a caret in it.

expandedRow

val expandedRow: Color

Background behind the content of an expanded row.

filterField

val filterField: Color

Background of a filter field itself, which sits on filterRow.

filterRow

val filterRow: Color

Background of the filter row, under the header. Set a shade off header so the two read as separate rows rather than one tall band.

focusedCellBorder

val focusedCellBorder: Color

Outline drawn around the keyboard-focused cell, once cell-level navigation is on. Drawn on top of the row's own focus marker.

focusedRowBorder

val focusedRowBorder: Color

Marker drawn down the leading edge of the keyboard-focused row.

header

val header: Color

Background of the header row and of the footer.

hoveredRow

val hoveredRow: Color

Background of the row under the pointer, also used for icon-button hover highlights in the footer.

iconTint

val iconTint: Color

Sort arrows, expand chevrons, and pagination arrows.

invalidCellBorder

val invalidCellBorder: Color

Outline replacing focusedCellBorder while the value in an open editor has been rejected by the column's validateEdit.

onSurface

val onSurface: Color

Primary content color. Paints the caret in an open cell editor, and is otherwise there for callers building custom cells.

onSurfaceSecondary

val onSurfaceSecondary: Color

Muted content color, available for callers building custom cells.

rowAlternate

val rowAlternate: Color

Background of every other row. Color.Transparent, the default, turns striping off.

selectedCell

val selectedCell: Color

Wash over cells inside a selected range. Translucent, so row striping and row selection still read through it. The cell the cursor is on is left unwashed, the way a spreadsheet leaves its active cell.

selectedRow

val selectedRow: Color

Background of a selected row. Usually translucent, so it reads on top of rowAlternate.