Skip to main content

Theming

All BioUI chart components support visual customization through BioChartTheme and BioColorMap.

BioChartTheme​

let theme = BioChartTheme(
    lineColor: .green,
    backgroundColor: .black,
    lineWidth: 2.0,
    gridColor: .gray.opacity(0.3)
)

BioECGChart(samples: samples)
    .bioChartTheme(theme)

BioColorMap​

Map signal types to specific colors across all charts:

let colorMap = BioColorMap(
    ecg: .green,
    ppg: .red,
    eda: .blue,
    temp: .orange,
    hr: .pink
)

Dark Mode​

All BioUI components respect the system color scheme automatically. Use BioChartTheme to customize colors for each mode if needed.