TimelineKit API
    Preparing search index...

    Class KanbanCardStyle

    Style settings for an individual card.

    Index

    Constructors

    constructor

    Properties

    accentWidth archivedOpacity backgroundColor borderColor borderRadius cardColors descriptionFontSize descriptionTextColor dragBackgroundColor dragPlaceholderOpacity dragShadow dueDateColor dueDateOverdueColor focusOutlineColor gap hoverBackgroundColor checklistProgressColor checklistTrackColor padding priorityColors selectedOutlineColor shadow tagBackgroundColor tagBorderRadius tagTextColor textColor titleFontSize titleFontWeight

    Constructors

    Properties

    accentWidth: number = 3

    Width of the left accent strip in pixels. 0 to hide.

    archivedOpacity: number = 0.5

    Opacity for archived cards.

    backgroundColor: string = '#ffffff'
    borderColor: string = '#e0e0e0'
    borderRadius: number = 8
    cardColors: KanbanCardColor[]

    Color palette for cards. Cards reference these by index or custom ColorDefinition.

    descriptionFontSize: number = 10

    Font size for the card description in pt.

    descriptionTextColor: string = '#666666'

    Text color for the card description.

    dragBackgroundColor: string = '#ffffff'

    Background color while dragging a card.

    dragPlaceholderOpacity: number = 0.4

    Opacity for the drag placeholder (ghost).

    dragShadow: string = '0 8px 24px rgba(0, 0, 0, 0.15)'

    Shadow while dragging a card.

    dueDateColor: string = '#666666'

    Text color for non-overdue due-date labels.

    dueDateOverdueColor: string = '#d93025'

    Text color for overdue due-date labels.

    focusOutlineColor: string | null = null

    Focus outline color (keyboard navigation).

    gap: number = 8

    Vertical gap between cards in pixels.

    hoverBackgroundColor: string = '#f8f8f8'

    Background color on hover.

    checklistProgressColor: string = '#1a73e8'

    Background color for the checklist progress bar.

    checklistTrackColor: string = '#e0e0e0'

    Background color for the checklist progress bar track.

    padding: number = 12

    Inner padding in pixels.

    priorityColors: { critical: string; high: string; low: string; medium: string } = ...

    Priority indicator colors keyed by priority level.

    selectedOutlineColor: string | null = null

    Outline color for selected cards.

    shadow: string = '0 1px 3px rgba(0, 0, 0, 0.08)'

    Box shadow for cards.

    tagBackgroundColor: string = '#e8eaed'

    Tag badge background color.

    tagBorderRadius: number = 4

    Tag badge border radius in pixels.

    tagTextColor: string = '#555555'

    Tag badge text color.

    textColor: string = '#333333'
    titleFontSize: number = 11

    Font size for the card title in pt.

    titleFontWeight: number = 500

    Font weight for the card title.

    Settings

    Member Visibility

    On This Page

    Constructors
    Properties