Initial commit: Azure DevOps TUI client
A terminal-based user interface for browsing and managing Azure DevOps work items. Features include: - Browse work items with filtering by area, iteration, state, and type - View work item details with markdown rendering - Open work items in browser - Create git branches from work items - Update work item state - Keyboard-driven navigation 🤖 Generated with [Claude Code](https://claude.ai/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Samuel Enocsson
@@ -0,0 +1,234 @@
|
||||
package theme
|
||||
|
||||
import "github.com/charmbracelet/lipgloss"
|
||||
|
||||
// Colors
|
||||
var (
|
||||
colorPrimary = lipgloss.Color("#7C3AED") // Purple
|
||||
colorSecondary = lipgloss.Color("#06B6D4") // Cyan
|
||||
colorSuccess = lipgloss.Color("#10B981") // Green
|
||||
colorWarning = lipgloss.Color("#F59E0B") // Yellow
|
||||
colorError = lipgloss.Color("#EF4444") // Red
|
||||
colorMuted = lipgloss.Color("#6B7280") // Gray
|
||||
colorBorder = lipgloss.Color("#374151") // Dark gray
|
||||
colorHighlight = lipgloss.Color("#1F2937") // Very dark gray
|
||||
colorText = lipgloss.Color("#F9FAFB") // White
|
||||
colorTextMuted = lipgloss.Color("#9CA3AF") // Light gray
|
||||
)
|
||||
|
||||
// Work item type colors
|
||||
var typeColors = map[string]lipgloss.Color{
|
||||
"User Story": lipgloss.Color("#3B82F6"), // Blue
|
||||
"Story": lipgloss.Color("#3B82F6"),
|
||||
"Task": lipgloss.Color("#F59E0B"), // Yellow
|
||||
"Bug": lipgloss.Color("#EF4444"), // Red
|
||||
"Feature": lipgloss.Color("#8B5CF6"), // Purple
|
||||
"Epic": lipgloss.Color("#EC4899"), // Pink
|
||||
}
|
||||
|
||||
// Work item state colors
|
||||
var stateColors = map[string]lipgloss.Color{
|
||||
// Common states
|
||||
"New": lipgloss.Color("#6B7280"), // Gray
|
||||
"Active": lipgloss.Color("#3B82F6"), // Blue
|
||||
"Resolved": lipgloss.Color("#10B981"), // Green
|
||||
"Closed": lipgloss.Color("#6B7280"), // Gray
|
||||
// Agile states
|
||||
"To Do": lipgloss.Color("#F97316"), // Orange
|
||||
"In Progress": lipgloss.Color("#8B5CF6"), // Purple
|
||||
"Done": lipgloss.Color("#10B981"), // Green
|
||||
"Testing": lipgloss.Color("#FBBF24"), // Yellow
|
||||
// Additional states
|
||||
"Removed": lipgloss.Color("#6B7280"), // Gray
|
||||
"Approved": lipgloss.Color("#10B981"), // Green
|
||||
}
|
||||
|
||||
// Styles defines all UI styles
|
||||
type Styles struct {
|
||||
// Base styles
|
||||
App lipgloss.Style
|
||||
Title lipgloss.Style
|
||||
Subtitle lipgloss.Style
|
||||
StatusBar lipgloss.Style
|
||||
|
||||
// Panel styles
|
||||
PanelActive lipgloss.Style
|
||||
PanelInactive lipgloss.Style
|
||||
PanelTitle lipgloss.Style
|
||||
|
||||
// Filter styles
|
||||
FilterGroup lipgloss.Style
|
||||
FilterGroupTitle lipgloss.Style
|
||||
FilterOption lipgloss.Style
|
||||
FilterSelected lipgloss.Style
|
||||
FilterCursor lipgloss.Style
|
||||
|
||||
// Work items list styles
|
||||
ListHeader lipgloss.Style
|
||||
ListItem lipgloss.Style
|
||||
ListItemSelected lipgloss.Style
|
||||
ListItemCursor lipgloss.Style
|
||||
|
||||
// Detail view styles
|
||||
DetailTitle lipgloss.Style
|
||||
DetailSection lipgloss.Style
|
||||
DetailSectionTitle lipgloss.Style
|
||||
DetailLabel lipgloss.Style
|
||||
DetailValue lipgloss.Style
|
||||
DetailDescription lipgloss.Style
|
||||
DetailTag lipgloss.Style
|
||||
|
||||
// Help styles
|
||||
HelpKey lipgloss.Style
|
||||
HelpDesc lipgloss.Style
|
||||
HelpPanel lipgloss.Style
|
||||
|
||||
// Type and state badges
|
||||
TypeBadge func(string) lipgloss.Style
|
||||
StateBadge func(string) lipgloss.Style
|
||||
}
|
||||
|
||||
// DefaultStyles returns the default styles
|
||||
func DefaultStyles() Styles {
|
||||
return Styles{
|
||||
// Base styles
|
||||
App: lipgloss.NewStyle().
|
||||
Background(lipgloss.Color("#111827")),
|
||||
|
||||
Title: lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(colorText).
|
||||
Padding(0, 1),
|
||||
|
||||
Subtitle: lipgloss.NewStyle().
|
||||
Foreground(colorTextMuted),
|
||||
|
||||
StatusBar: lipgloss.NewStyle().
|
||||
Foreground(colorTextMuted).
|
||||
Background(lipgloss.Color("#1F2937")).
|
||||
Padding(0, 1),
|
||||
|
||||
// Panel styles
|
||||
PanelActive: lipgloss.NewStyle().
|
||||
Border(lipgloss.RoundedBorder()).
|
||||
BorderForeground(colorPrimary).
|
||||
Padding(0, 1),
|
||||
|
||||
PanelInactive: lipgloss.NewStyle().
|
||||
Border(lipgloss.RoundedBorder()).
|
||||
BorderForeground(colorBorder).
|
||||
Padding(0, 1),
|
||||
|
||||
PanelTitle: lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(colorText).
|
||||
Background(colorHighlight).
|
||||
Padding(0, 1),
|
||||
|
||||
// Filter styles
|
||||
FilterGroup: lipgloss.NewStyle().
|
||||
MarginBottom(1),
|
||||
|
||||
FilterGroupTitle: lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(colorText).
|
||||
MarginBottom(0),
|
||||
|
||||
FilterOption: lipgloss.NewStyle().
|
||||
Foreground(colorTextMuted).
|
||||
PaddingLeft(1),
|
||||
|
||||
FilterSelected: lipgloss.NewStyle().
|
||||
Foreground(colorSuccess).
|
||||
PaddingLeft(1),
|
||||
|
||||
FilterCursor: lipgloss.NewStyle().
|
||||
Foreground(colorPrimary).
|
||||
Bold(true),
|
||||
|
||||
// Work items list styles
|
||||
ListHeader: lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(colorTextMuted).
|
||||
BorderBottom(true).
|
||||
BorderStyle(lipgloss.NormalBorder()).
|
||||
BorderForeground(colorBorder),
|
||||
|
||||
ListItem: lipgloss.NewStyle().
|
||||
Foreground(colorText),
|
||||
|
||||
ListItemSelected: lipgloss.NewStyle().
|
||||
Foreground(colorText).
|
||||
Background(colorHighlight),
|
||||
|
||||
ListItemCursor: lipgloss.NewStyle().
|
||||
Foreground(colorPrimary).
|
||||
Bold(true),
|
||||
|
||||
// Detail view styles
|
||||
DetailTitle: lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(colorText).
|
||||
MarginBottom(1),
|
||||
|
||||
DetailSection: lipgloss.NewStyle().
|
||||
Border(lipgloss.RoundedBorder()).
|
||||
BorderForeground(colorBorder).
|
||||
Padding(0, 1).
|
||||
MarginBottom(1),
|
||||
|
||||
DetailSectionTitle: lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(colorTextMuted).
|
||||
MarginBottom(0),
|
||||
|
||||
DetailLabel: lipgloss.NewStyle().
|
||||
Foreground(colorTextMuted).
|
||||
Width(12),
|
||||
|
||||
DetailValue: lipgloss.NewStyle().
|
||||
Foreground(colorText),
|
||||
|
||||
DetailDescription: lipgloss.NewStyle().
|
||||
Foreground(colorText),
|
||||
|
||||
DetailTag: lipgloss.NewStyle().
|
||||
Foreground(colorSecondary).
|
||||
Background(lipgloss.Color("#1E3A5F")).
|
||||
Padding(0, 1).
|
||||
MarginRight(1),
|
||||
|
||||
// Help styles
|
||||
HelpKey: lipgloss.NewStyle().
|
||||
Foreground(colorPrimary).
|
||||
Bold(true),
|
||||
|
||||
HelpDesc: lipgloss.NewStyle().
|
||||
Foreground(colorTextMuted),
|
||||
|
||||
HelpPanel: lipgloss.NewStyle().
|
||||
Border(lipgloss.RoundedBorder()).
|
||||
BorderForeground(colorBorder).
|
||||
Padding(1, 2),
|
||||
|
||||
// Type and state badge generators
|
||||
TypeBadge: func(t string) lipgloss.Style {
|
||||
color := typeColors[t]
|
||||
if color == "" {
|
||||
color = colorMuted
|
||||
}
|
||||
return lipgloss.NewStyle().
|
||||
Foreground(color).
|
||||
Bold(true)
|
||||
},
|
||||
|
||||
StateBadge: func(s string) lipgloss.Style {
|
||||
color := stateColors[s]
|
||||
if color == "" {
|
||||
color = colorMuted
|
||||
}
|
||||
return lipgloss.NewStyle().
|
||||
Foreground(color)
|
||||
},
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user