Alexander Renz
ec5e89eab7
- diagnose_view.go: Add [STATS], [LIST], [INFO] section prefixes - status.go: Add [CONN], [INFO] section prefixes - settings.go: [LOG] → [INFO] for configuration summary - menu.go: [DB] → [SELECT]/[CHECK] for selectors
158 lines
5.0 KiB
Go
158 lines
5.0 KiB
Go
package tui
|
|
|
|
import "github.com/charmbracelet/lipgloss"
|
|
|
|
// =============================================================================
|
|
// GLOBAL TUI STYLE DEFINITIONS
|
|
// =============================================================================
|
|
// Design Language:
|
|
// - Bold text for labels and headers
|
|
// - Colors for semantic meaning (green=success, red=error, yellow=warning)
|
|
// - No emoticons - use simple text prefixes like [OK], [FAIL], [!]
|
|
// - No boxes for inline status - use bold+color accents
|
|
// - Consistent color palette across all views
|
|
// =============================================================================
|
|
|
|
// Color Palette (ANSI 256 colors for terminal compatibility)
|
|
const (
|
|
ColorWhite = lipgloss.Color("15") // Bright white
|
|
ColorGray = lipgloss.Color("250") // Light gray
|
|
ColorDim = lipgloss.Color("244") // Dim gray
|
|
ColorDimmer = lipgloss.Color("240") // Darker gray
|
|
ColorSuccess = lipgloss.Color("2") // Green
|
|
ColorError = lipgloss.Color("1") // Red
|
|
ColorWarning = lipgloss.Color("3") // Yellow
|
|
ColorInfo = lipgloss.Color("6") // Cyan
|
|
ColorAccent = lipgloss.Color("4") // Blue
|
|
)
|
|
|
|
// =============================================================================
|
|
// TITLE & HEADER STYLES
|
|
// =============================================================================
|
|
|
|
// TitleStyle - main view title (bold white on gray background)
|
|
var TitleStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorWhite).
|
|
Background(ColorDimmer).
|
|
Padding(0, 1)
|
|
|
|
// HeaderStyle - section headers (bold gray)
|
|
var HeaderStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorDim)
|
|
|
|
// LabelStyle - field labels (bold cyan)
|
|
var LabelStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorInfo)
|
|
|
|
// =============================================================================
|
|
// STATUS STYLES
|
|
// =============================================================================
|
|
|
|
// StatusReadyStyle - idle/ready state (dim)
|
|
var StatusReadyStyle = lipgloss.NewStyle().
|
|
Foreground(ColorDim)
|
|
|
|
// StatusActiveStyle - operation in progress (bold cyan)
|
|
var StatusActiveStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorInfo)
|
|
|
|
// StatusSuccessStyle - success messages (bold green)
|
|
var StatusSuccessStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorSuccess)
|
|
|
|
// StatusErrorStyle - error messages (bold red)
|
|
var StatusErrorStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorError)
|
|
|
|
// StatusWarningStyle - warning messages (bold yellow)
|
|
var StatusWarningStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorWarning)
|
|
|
|
// =============================================================================
|
|
// LIST & TABLE STYLES
|
|
// =============================================================================
|
|
|
|
// ListNormalStyle - unselected list items
|
|
var ListNormalStyle = lipgloss.NewStyle().
|
|
Foreground(ColorGray)
|
|
|
|
// ListSelectedStyle - selected/cursor item (bold white)
|
|
var ListSelectedStyle = lipgloss.NewStyle().
|
|
Foreground(ColorWhite).
|
|
Bold(true)
|
|
|
|
// ListHeaderStyle - column headers (bold dim)
|
|
var ListHeaderStyle = lipgloss.NewStyle().
|
|
Bold(true).
|
|
Foreground(ColorDim)
|
|
|
|
// =============================================================================
|
|
// ITEM STATUS STYLES
|
|
// =============================================================================
|
|
|
|
// ItemValidStyle - valid/OK items (green)
|
|
var ItemValidStyle = lipgloss.NewStyle().
|
|
Foreground(ColorSuccess)
|
|
|
|
// ItemInvalidStyle - invalid/failed items (red)
|
|
var ItemInvalidStyle = lipgloss.NewStyle().
|
|
Foreground(ColorError)
|
|
|
|
// ItemOldStyle - old/stale items (yellow)
|
|
var ItemOldStyle = lipgloss.NewStyle().
|
|
Foreground(ColorWarning)
|
|
|
|
// =============================================================================
|
|
// SHORTCUT STYLE
|
|
// =============================================================================
|
|
|
|
// ShortcutStyle - keyboard shortcuts footer (dim)
|
|
var ShortcutStyle = lipgloss.NewStyle().
|
|
Foreground(ColorDim)
|
|
|
|
// =============================================================================
|
|
// HELPER PREFIXES (no emoticons)
|
|
// =============================================================================
|
|
// Convention for TUI titles/headers:
|
|
// [CHECK] - Verification/diagnosis screens
|
|
// [STATS] - Statistics/status screens
|
|
// [SELECT] - Selection/browser screens
|
|
// [EXEC] - Execution/running screens
|
|
// [CONFIG] - Configuration/settings screens
|
|
//
|
|
// Convention for status messages:
|
|
// [OK] - Success
|
|
// [FAIL] - Error/failure
|
|
// [WAIT] - In progress
|
|
// [WARN] - Warning
|
|
// [INFO] - Information
|
|
|
|
const (
|
|
// Title prefixes (for view headers)
|
|
PrefixCheck = "[CHECK]"
|
|
PrefixStats = "[STATS]"
|
|
PrefixSelect = "[SELECT]"
|
|
PrefixExec = "[EXEC]"
|
|
PrefixConfig = "[CONFIG]"
|
|
|
|
// Status prefixes
|
|
PrefixOK = "[OK]"
|
|
PrefixFail = "[FAIL]"
|
|
PrefixWait = "[WAIT]"
|
|
PrefixWarn = "[WARN]"
|
|
PrefixInfo = "[INFO]"
|
|
|
|
// List item prefixes
|
|
PrefixPlus = "[+]"
|
|
PrefixMinus = "[-]"
|
|
PrefixArrow = ">"
|
|
PrefixSpinner = "" // Spinner character added dynamically
|
|
)
|