chore: refactor styling

Author: Benzbeeb

models/homepage.go

@@ -47,7 +47,7 @@ func (m *Homepage) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 			}
 			view := styles.RenderPrompt("Please set up a Gas Station account", []string{"Gas Station account"}, styles.Question) +
 				" " + styles.Text("(The account that will hold the funds required by the OPinit-bots or relayer to send transactions)", styles.Gray) +
-				"\n> " + styles.Text(input.Text, styles.White)
+				"\n> " + styles.Text(input.Text, styles.Ivory)
 			model := NewHomepageInitialization(view)
 			return model, model.Init()
 		}

styles/color.go

@@ -4,6 +4,7 @@ type HexColor string
 
 const (
 	White  HexColor = "#FFFFFF"
+	Ivory  HexColor = "#EEEEEE"
 	Cyan   HexColor = "#27D8FF"
 	Green  HexColor = "#B0EE5F"
 	Gray   HexColor = "#808080"

styles/text.go

@@ -69,7 +69,7 @@ var (
 
 // RenderPrompt highlights phrases in the text if they match any phrase in the highlights list
 func RenderPrompt(text string, highlights []string, status PromptStatus) string {
-	prompt := ""
+	prompt := "\n"
 	switch status {
 	case Question:
 		prompt += QuestionMark
@@ -85,7 +85,7 @@ func RenderPrompt(text string, highlights []string, status PromptStatus) string
 			// Apply Cyan color to the matching highlight
 			coloredHighlight := ""
 			if status == Information {
-				coloredHighlight = BoldText(highlight, White)
+				coloredHighlight = BoldText(highlight, Ivory)
 			} else {
 				coloredHighlight = BoldText(highlight, Cyan)
 			}

utils/selector.go

@@ -32,14 +32,14 @@ func (s *Selector[T]) Select(msg tea.Msg) (*T, tea.Cmd) {
 }
 
 func (s *Selector[T]) View() string {
-	view := "\n"
+	view := "\n\n"
 	for i, option := range s.Options {
 		if i == s.Cursor {
 			view += styles.SelectorCursor + styles.BoldText(fmt.Sprintf("%v", option), styles.White) + "\n"
 		} else {
-			view += "  " + styles.Text(fmt.Sprintf("%v", option), styles.White) + "\n"
+			view += "  " + styles.Text(fmt.Sprintf("%v", option), styles.Ivory) + "\n"
 		}
 	}
 
-	return view + "Press Enter to select, or q to quit.\n"
+	return view + styles.Text("\nPress Enter to select, or q to quit.\n", styles.Gray)
 }

utils/text_input.go

@@ -54,18 +54,18 @@ func (ti TextInput) Update(msg tea.Msg) (TextInput, tea.Cmd, bool) {
 func (ti TextInput) View() string {
 	var beforeCursor, cursorChar, afterCursor string
 	if len(ti.Text) == 0 {
-		return "\n> " + styles.Text(ti.Placeholder, styles.Gray) + styles.Cursor(" ") + "\n\nPress Enter to submit, or Ctrl+c to quit."
+		return "\n" + styles.Text("> ", styles.Yellow) + styles.Text(ti.Placeholder, styles.Gray) + styles.Cursor(" ") + "\n\nPress Enter to submit, or Ctrl+c to quit."
 	} else if ti.Cursor < len(ti.Text) {
 		// Cursor is within the text
-		beforeCursor = styles.Text(ti.Text[:ti.Cursor], styles.White)
+		beforeCursor = styles.Text(ti.Text[:ti.Cursor], styles.Ivory)
 		cursorChar = styles.Cursor(ti.Text[ti.Cursor : ti.Cursor+1])
-		afterCursor = styles.Text(ti.Text[ti.Cursor+1:], styles.White)
+		afterCursor = styles.Text(ti.Text[ti.Cursor+1:], styles.Ivory)
 	} else {
 		// Cursor is at the end of the text
-		beforeCursor = styles.Text(ti.Text, styles.White)
+		beforeCursor = styles.Text(ti.Text, styles.Ivory)
 		cursorChar = styles.Cursor(" ")
 	}
 
 	// Compose the full view string
-	return fmt.Sprintf("\n> %s%s%s\n\nPress Enter to submit, or Ctrl+c to quit.", beforeCursor, cursorChar, afterCursor)
+	return fmt.Sprintf("\n%s %s%s%s\n\nPress Enter to submit, or Ctrl+c to quit.", styles.Text(">", styles.Yellow), beforeCursor, cursorChar, afterCursor)
 }