Merge pull request #9 from thetnaingtn/new-tui

New TUI

Author: thetnaingtn

ui/list.go

@@ -7,7 +7,17 @@ import (
 )
 
 func newList() list.Model {
+	defaultItemStyles := list.NewDefaultItemStyles()
+
+	defaultItemStyles.NormalTitle = itemStyle.PaddingLeft(2)
+	defaultItemStyles.SelectedTitle = itemSelectedStyle.PaddingLeft(1)
+
+	defaultItemStyles.NormalDesc = itemStyle.Copy().Faint(true)
+	defaultItemStyles.SelectedDesc = itemSelectedStyle
+
 	delegateList := list.NewDefaultDelegate()
+	delegateList.Styles = defaultItemStyles
+
 	list := list.New([]list.Item{}, delegateList, 0, 0)
 	list.SetSpinner(spinner.MiniDot)
 

ui/styles.go

@@ -2,15 +2,51 @@ package ui
 
 import "github.com/charmbracelet/lipgloss"
 
+// colors
+var (
+	orange = lipgloss.Color("#FF9D00")
+
+	dustyGray = lipgloss.Color("#a3b2b5")
+	slateTeal = lipgloss.Color("#4f6965")
+
+	mochaClay  = lipgloss.Color("#977d6a")
+	desertMist = lipgloss.Color("#bfb89d")
+
+	mysticJade = lipgloss.Color("#86a399")
+	frostyMint = lipgloss.Color("#CCEBE3")
+)
+
+// adaptive color
 var (
 	errorColor = lipgloss.AdaptiveColor{
 		Light: "#e94560",
 		Dark:  "#f05945",
 	}
+	adaptiveTitle = lipgloss.AdaptiveColor{
+		Light: string(slateTeal),
+		Dark:  string(dustyGray),
+	}
+	adaptiveNormal = lipgloss.AdaptiveColor{
+		Light: string(mochaClay),
+		Dark:  string(desertMist),
+	}
+	adaptiveHighlight = lipgloss.AdaptiveColor{
+		Light: string(mysticJade),
+		Dark:  string(frostyMint),
+	}
+)
+
+var (
+	listStatusStyle = lipgloss.NewStyle().Bold(true).Foreground(orange)
 
-	listStyle       = lipgloss.NewStyle().Margin(2)
-	listTitleStyle  = lipgloss.NewStyle().Bold(true).Foreground(lipgloss.Color("#E36CEE"))
-	listStatusStyle = lipgloss.NewStyle().Bold(true).Foreground(lipgloss.Color("#FF9D00"))
+	listTitleStyle = lipgloss.NewStyle().Foreground(adaptiveTitle).Bold(true)
+
+	itemStyle         = lipgloss.NewStyle().Foreground(adaptiveNormal).BorderForeground(adaptiveNormal)
+	itemSelectedStyle = lipgloss.NewStyle().Foreground(adaptiveHighlight).Border(lipgloss.NormalBorder(), false, false, false, true).Bold(true)
+)
+
+var (
+	listStyle = lipgloss.NewStyle().Margin(2)
 
 	detailsStyle = lipgloss.NewStyle().PaddingLeft(2)