Ability to customize more styles

[joelzwarrington]

It would be nice to have the ability to customize more of the skeleton with styles.

It seems there are some one off style configuration options, but still a few options missing. One example is the double border on active tabs.

Would it be possible to make all styles customizable?

[github-actions]

🤖 AI Issue Assistant

Absolutely! Enhancing style customization for the Skeleton library is an excellent suggestion. Here's a comprehensive approach to making styles more flexible:

Proposed Style Customization Enhancements

1. Border Style Customization

• Add methods to customize border styles for different components
• Allow setting custom border styles for:
  • Active tabs
  • Inactive tabs
  • Widgets
  • Main content area

// Example proposed methods
func (s *Skeleton) SetActiveTabBorderStyle(style lipgloss.BorderStyle) *Skeleton
func (s *Skeleton) SetInactiveTabBorderStyle(style lipgloss.BorderStyle) *Skeleton
func (s *Skeleton) SetWidgetBorderStyle(style lipgloss.BorderStyle) *Skeleton

2. Comprehensive Style Configuration

• Create a centralized style configuration struct
• Allow deep customization of text, background, and border properties

type SkeletonStyleConfig struct {
    ActiveTab struct {
        BorderStyle   lipgloss.BorderStyle
        BorderColor   lipgloss.Color
        TextColor     lipgloss.Color
        BackgroundColor lipgloss.Color
    }
    InactiveTab struct {
        BorderStyle   lipgloss.BorderStyle
        BorderColor   lipgloss.Color
        TextColor     lipgloss.Color
        BackgroundColor lipgloss.Color
    }
    // Similar structs for widgets, content area
}

// Usage example
func (s *Skeleton) SetStyleConfig(config SkeletonStyleConfig) *Skeleton

3. Flexible Border Configuration

• Support multiple border types (single, double, rounded)
• Allow custom border characters

type BorderConfig struct {
    Style       lipgloss.BorderStyle
    TopLeft     string
    TopRight    string
    BottomLeft  string
    BottomRight string
}

// Method to set custom border
func (s *Skeleton) SetCustomBorder(config BorderConfig) *Skeleton

4. Text Styling Improvements

• Add methods for text styling beyond color
• Support bold, italic, underline for different components

func (s *Skeleton) SetTabTitleStyle(style lipgloss.Style) *Skeleton
func (s *Skeleton) SetWidgetTextStyle(style lipgloss.Style) *Skeleton

Implementation Strategy

1. Create a new styles.go file in the package
2. Define comprehensive style configuration structs
3. Modify existing style-related methods to use new configuration
4. Provide sensible defaults
5. Ensure backward compatibility

Example Implementation

// In styles.go
type SkeletonStyleConfig struct {
    ActiveTab struct {
        BorderStyle   lipgloss.BorderStyle
        BorderColor   string
        TextStyle     lipgloss.Style
    }
    // Other style configurations...
}

func (s *Skeleton) ConfigureStyles(config SkeletonStyleConfig) *Skeleton {
    // Apply active tab styles
    s.header.properties.titleStyleActive = 
        s.header.properties.titleStyleActive.BorderStyle(config.ActiveTab.BorderStyle)
    s.header.properties.titleStyleActive = 
        s.header.properties.titleStyleActive.BorderForeground(lipgloss.Color(config.ActiveTab.BorderColor))
    
    // Similar configurations for other components
    return s
}

Benefits

• Extremely flexible styling
• Consistent configuration approach
• Easy to extend
• Maintains current API

Considerations

• Performance impact of complex styling
• Maintaining clean, intuitive API
• Providing sensible defaults

Recommended Next Steps

1. Design comprehensive style configuration structs
2. Create proof-of-concept implementation
3. Write extensive documentation
4. Add unit tests for style configurations

---

This analysis was performed by Issue Assistant. If you have any questions, please contact the repository maintainers.

[github-actions]

🏷️ AI Label Assistant

I've added the following labels to this issue:

• enhancement

Explanation:
This issue is clearly an enhancement request for adding more style customization options. The user is proposing a new feature to expand styling capabilities, which strongly aligns with the 'enhancement' label. There's also a slight 'question' component as the user is inquiring about the possibility of making all styles customizable, seeking more information about potential implementation.

---

This label analysis was performed by Issue Assistant. If you have any questions, please contact the repository maintainers.