Struct Styles 

pub struct Styles {
    pub ellipsis: Style,
    pub short_key: Style,
    pub short_desc: Style,
    pub short_separator: Style,
    pub full_key: Style,
    pub full_desc: Style,
    pub full_separator: Style,
}

A set of styles for the help component.

This structure defines all the visual styling options available for customizing the appearance of the help view. Each field controls a specific visual element, allowing fine-grained control over colors, formatting, and visual hierarchy.

Style Categories

Short Help Styles

• short_key: Styling for key names in compact view
• short_desc: Styling for descriptions in compact view
• short_separator: Styling for bullet separators between items

Full Help Styles

• full_key: Styling for key names in detailed view
• full_desc: Styling for descriptions in detailed view
• full_separator: Styling for spacing between columns

Utility Styles

• ellipsis: Styling for truncation indicator when content is too wide

Examples

Custom Color Scheme

use bubbletea_widgets::help::Styles;
use lipgloss_extras::prelude::*;

let vibrant_styles = Styles {
    short_key: Style::new()
        .foreground(Color::from("#FF6B6B"))
        .bold(true),
    short_desc: Style::new()
        .foreground(Color::from("#4ECDC4"))
        .italic(true),
    short_separator: Style::new()
        .foreground(Color::from("#45B7D1")),
    ..Default::default()
};

Monochrome Theme

let mono_styles = Styles {
    short_key: Style::new().bold(true),
    short_desc: Style::new().faint(true),
    full_key: Style::new().underline(true),
    full_desc: Style::new(),
    ..Default::default()
};

Using with Help Model

let custom_styles = Styles {
    short_key: Style::new().foreground(Color::from("#00FF00")),
    ..Default::default()
};

let help = Model {
    styles: custom_styles,
    ..Default::default()
};

Fields

ellipsis: Style

Style for the ellipsis character when content is truncated.

short_key: Style

Style for key names in the short help view.

short_desc: Style

Style for descriptions in the short help view.

short_separator: Style

Style for the separator between items in the short help view.

full_key: Style

Style for key names in the full help view.

full_desc: Style

Style for descriptions in the full help view.

full_separator: Style

Style for the separator between columns in the full help view.

Trait Implementations

impl Clone for Styles

fn clone(&self) -> Styles

Returns a duplicate of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Debug for Styles

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl Default for Styles

fn default() -> Self

Creates default styles with a subtle color scheme that adapts to light and dark themes.

The default styling uses adaptive colors that work well in both light and dark terminal environments:

Color Palette

• Keys: Medium gray (light: #909090, dark: #626262) - provides good visibility for key names
• Descriptions: Lighter gray (light: #B2B2B2, dark: #4A4A4A) - subtle but readable for descriptions
• Separators: Even lighter gray (light: #DDDADA, dark: #3C3C3C) - minimal visual interruption

Adaptive Behavior

The colors automatically adapt based on the terminal’s background:

• Light terminals: Use darker colors for good contrast
• Dark terminals: Use lighter colors for readability

This ensures consistent readability across different terminal themes without requiring manual configuration.

Examples

use bubbletea_widgets::help::Styles;

let styles = Styles::default();
// All styles are configured with adaptive colors suitable for terminals
// The actual style strings contain color codes