amantahiliani/box-box
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/box-box.git synced 2026-08-07 19:56:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

UI Refresh

Browse Source
This commit is contained in:
Aman Tahiliani
2026-03-03 02:29:34 -05:00
parent cb77df0eb6
commit 95a4f755cb
13 changed files with 2541 additions and 539 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
internal/ui/styles.go
View File

@@ -4,23 +4,44 @@ import "github.com/charmbracelet/lipgloss"
// F1 brand colors
const (
colorF1Red = "#E8002D"
colorF1Red = "#E10600"
colorF1Black = "#15151E"
colorSubtle = "#3C3C4A"
colorSubtle = "#2A2A3C"
colorMuted = "#6B6B7A"
colorWhite = "#FFFFFF"
colorGreen = "#39B54A"
colorGreen = "#00D26A"
colorYellow = "#FFD700"
colorOrange = "#FF8700"
colorCyan = "#00BFFF"
// Surfaces
colorSurface0 = "#1B1B2F"
colorSurface1 = "#222236"
colorSurface2 = "#2D2D44"
colorBorder = "#3C3C54"
// Tyre compounds
colorSoft = "#FF1E1E"
colorSoft = "#FF3333"
colorMedium = "#FFD700"
colorHard = "#EEEEEE"
colorHard = "#CCCCCC"
colorInter = "#39B54A"
colorWet = "#0057FF"
colorWet = "#0080FF"
// F1 team colors (2024/2025 season)
colorRedbull = "#3671C6"
colorMercedes = "#27F4D2"
colorFerrari = "#E8002D"
colorMclaren = "#FF8000"
colorAstonMartin = "#229971"
colorAlpine = "#FF87BC"
colorWilliams = "#64C4FF"
colorHaas = "#B6BABD"
colorRB = "#6692FF"
colorSauber = "#52E252"
)
var (
// Tab bar styles
// ── Tab bar ──────────────────────────────────────────
styleActiveTab = lipgloss.NewStyle().
Bold(true).
Foreground(lipgloss.Color(colorWhite)).
@@ -29,18 +50,28 @@ var (
styleInactiveTab = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted)).
Background(lipgloss.Color(colorSurface0)).
Padding(0, 2)
styleTabBar = lipgloss.NewStyle().
Background(lipgloss.Color(colorF1Black)).
BorderStyle(lipgloss.NormalBorder()).
BorderBottom(true).
BorderForeground(lipgloss.Color(colorSubtle))
Background(lipgloss.Color(colorSurface0))
// Panel / border styles
// Tab bar accent stripe
styleTabStripe = lipgloss.NewStyle().
Background(lipgloss.Color(colorF1Red)).
Foreground(lipgloss.Color(colorF1Red))
// Year badge in tab bar
styleYearBadge = lipgloss.NewStyle().
Bold(true).
Foreground(lipgloss.Color(colorYellow)).
Background(lipgloss.Color(colorSurface0)).
Padding(0, 1)
// ── Panel / border styles ────────────────────────────
stylePanelBorder = lipgloss.NewStyle().
BorderStyle(lipgloss.RoundedBorder()).
BorderForeground(lipgloss.Color(colorSubtle)).
BorderForeground(lipgloss.Color(colorBorder)).
Padding(0, 1)
styleActivePanelBorder = lipgloss.NewStyle().
@@ -48,8 +79,8 @@ var (
BorderForeground(lipgloss.Color(colorF1Red)).
Padding(0, 1)
// Text styles
styleBold = lipgloss.NewStyle().Bold(true)
// ── Text styles ──────────────────────────────────────
styleBold = lipgloss.NewStyle().Bold(true).Foreground(lipgloss.Color(colorWhite))
styleMuted = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
@@ -61,10 +92,16 @@ var (
styleHeader = lipgloss.NewStyle().
Bold(true).
Foreground(lipgloss.Color(colorWhite)).
Background(lipgloss.Color(colorSubtle)).
Padding(0, 1)
Background(lipgloss.Color(colorSurface2)).
Padding(0, 1).
MarginBottom(0)
// Delta styles
styleSectionTitle = lipgloss.NewStyle().
Bold(true).
Foreground(lipgloss.Color(colorF1Red)).
PaddingLeft(1)
// ── Delta styles ─────────────────────────────────────
styleDeltaUp = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorGreen)).
Bold(true)
@@ -76,28 +113,154 @@ var (
styleDeltaEqual = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
// Selected row style
// ── Selected row style ───────────────────────────────
styleSelected = lipgloss.NewStyle().
Background(lipgloss.Color(colorSubtle)).
Background(lipgloss.Color(colorSurface2)).
Foreground(lipgloss.Color(colorWhite)).
Bold(true)
// Status indicators
// ── Status indicators ────────────────────────────────
stylePast = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
Foreground(lipgloss.Color(colorGreen))
styleNext = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorF1Red)).
Bold(true)
// Flag colors for race control
styleFuture = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
// ── Flag colors for race control ─────────────────────
styleFlagGreen = lipgloss.NewStyle().Foreground(lipgloss.Color(colorGreen))
styleFlagYellow = lipgloss.NewStyle().Foreground(lipgloss.Color(colorMedium))
styleFlagYellow = lipgloss.NewStyle().Foreground(lipgloss.Color(colorYellow))
styleFlagRed = lipgloss.NewStyle().Foreground(lipgloss.Color(colorF1Red))
styleFlagBlue = lipgloss.NewStyle().Foreground(lipgloss.Color(colorWet))
styleFlagBlue = lipgloss.NewStyle().Foreground(lipgloss.Color(colorCyan))
styleFlagWhite = lipgloss.NewStyle().Foreground(lipgloss.Color(colorWhite))
// Help bar
// Race control category styles
styleSafetyCar = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorOrange)).
Bold(true)
styleDRS = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorCyan))
// ── Help bar ─────────────────────────────────────────
styleHelp = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted)).
Background(lipgloss.Color(colorSurface0)).
Padding(0, 1)
styleHelpKey = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorWhite)).
Bold(true)
styleHelpDesc = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
// ── Status bar ───────────────────────────────────────
styleStatusBar = lipgloss.NewStyle().
Background(lipgloss.Color(colorSurface0)).
Foreground(lipgloss.Color(colorWhite)).
Padding(0, 1)
styleStatusLabel = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
styleStatusValue = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorWhite)).
Bold(true)
styleCountdown = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorYellow)).
Bold(true)
// ── Points bar ───────────────────────────────────────
stylePointsBarFilled = lipgloss.NewStyle().
Background(lipgloss.Color(colorF1Red)).
Foreground(lipgloss.Color(colorF1Red))
stylePointsBarEmpty = lipgloss.NewStyle().
Background(lipgloss.Color(colorSurface2)).
Foreground(lipgloss.Color(colorSurface2))
// ── Session pill ─────────────────────────────────────
styleSessionActive = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorWhite)).
Background(lipgloss.Color(colorF1Red)).
Bold(true).
Padding(0, 1)
styleSessionInactive = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted)).
Background(lipgloss.Color(colorSurface1)).
Padding(0, 1)
styleSessionCursor = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorWhite)).
Background(lipgloss.Color(colorSurface2)).
Bold(true).
Padding(0, 1)
// ── Driver card ──────────────────────────────────────
styleDriverNumber = lipgloss.NewStyle().
Bold(true).
Foreground(lipgloss.Color(colorWhite)).
Padding(0, 1)
styleDriverName = lipgloss.NewStyle().
Bold(true).
Foreground(lipgloss.Color(colorWhite))
styleTeamName = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
// ── Misc ─────────────────────────────────────────────
stylePositionFirst = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorYellow)).
Bold(true)
stylePositionSecond = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorHard))
stylePositionThird = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorOrange))
styleDNF = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorF1Red)).
Bold(true)
styleLeader = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorYellow)).
Bold(true)
styleGap = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
// Base Table styles
styleTableBase = lipgloss.NewStyle().
BorderStyle(lipgloss.NormalBorder()).
BorderForeground(lipgloss.Color(colorBorder))
// Weather card
styleWeatherLabel = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorMuted))
styleWeatherValue = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorWhite)).
Bold(true)
styleRain = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorCyan)).
Bold(true)
styleDry = lipgloss.NewStyle().
Foreground(lipgloss.Color(colorGreen))
)
// DefaultTableStyles returns a base style map for bubbles/table.
func DefaultTableStyles() tableStyles {
return tableStyles{}
}
type tableStyles struct{}