chore: fix styling

Author: jennieramida

models/weaveinit/run_l1_node.go

@@ -138,11 +138,13 @@ type RunL1NodeChainIdInput struct {
 }
 
 func NewRunL1NodeChainIdInput(state *RunL1NodeState) *RunL1NodeChainIdInput {
-	return &RunL1NodeChainIdInput{
+	model := &RunL1NodeChainIdInput{
 		TextInput: utils.NewTextInput(),
 		state:     state,
 		question:  "Please specify the chain id",
 	}
+	model.WithPlaceholder("Enter in alphanumeric format")
+	return model
 }
 
 func (m *RunL1NodeChainIdInput) GetQuestion() string {
@@ -175,11 +177,13 @@ type RunL1NodeMonikerInput struct {
 }
 
 func NewRunL1NodeMonikerInput(state *RunL1NodeState) *RunL1NodeMonikerInput {
-	return &RunL1NodeMonikerInput{
+	model := &RunL1NodeMonikerInput{
 		TextInput: utils.NewTextInput(),
 		state:     state,
 		question:  "Please specify the moniker",
 	}
+	model.WithPlaceholder("Enter moniker")
+	return model
 }
 
 func (m *RunL1NodeMonikerInput) GetQuestion() string {
@@ -336,7 +340,7 @@ func NewMinGasPriceInput(state *RunL1NodeState) *MinGasPriceInput {
 		state:     state,
 		question:  "Please specify min-gas-price",
 	}
-	model.WithPlaceholder("add a number with denom")
+	model.WithPlaceholder("Enter a number with its denom")
 	model.WithValidatorFn(utils.ValidateDecCoin)
 	return model
 }
@@ -439,7 +443,7 @@ func NewSeedsInput(state *RunL1NodeState) *SeedsInput {
 		state:     state,
 		question:  "Please specify the seeds",
 	}
-	model.WithPlaceholder("add in the format id@ip:port, you can add multiple seeds by adding comma (,)")
+	model.WithPlaceholder("Enter in the format `id@ip:port`. You can add multiple seeds by separating them with a comma (,)")
 	model.WithValidatorFn(utils.IsValidPeerOrSeed)
 	return model
 }
@@ -479,7 +483,7 @@ func NewPersistentPeersInput(state *RunL1NodeState) *PersistentPeersInput {
 		state:     state,
 		question:  "Please specify the persistent_peers",
 	}
-	model.WithPlaceholder("add in the format id@ip:port, you can add multiple seeds by adding comma (,)")
+	model.WithPlaceholder("Enter in the format `id@ip:port`. You can add multiple seeds by separating them with a comma (,)")
 	model.WithValidatorFn(utils.IsValidPeerOrSeed)
 	return model
 }

styles/color.go

@@ -4,7 +4,7 @@ type HexColor string
 
 const (
 	White    HexColor = "#F5F5F5"
-	Ivory    HexColor = "#B0B6BB"
+	Ivory    HexColor = "#CBCBCB"
 	Cyan     HexColor = "#27D8FF"
 	DarkCyan HexColor = "#178299"
 	Green    HexColor = "#B0EE5F"

utils/checkbox.go

@@ -65,7 +65,7 @@ func (s *CheckBox[T]) View() string {
 		}
 		b.WriteString(fmt.Sprintf("%s %s %v\n", cursor, selectedMark, option))
 	}
-	b.WriteString(styles.Text("\nUse arrow-keys. Space to select. Return to submit, or q to quit.\n", styles.Gray))
+	b.WriteString(styles.Text("\nUse arrow-keys. Space to select. Return to submit, or q to quit.\n", styles.White))
 	return b.String()
 }
 

utils/text_input.go

@@ -102,12 +102,12 @@ func (ti TextInput) ViewErr(err error) string {
 		return "\n" + styles.Text("> ", styles.Cyan) + styles.Text(ti.Placeholder, styles.Gray) + styles.Cursor(" ") + "\n\n" + styles.RenderError(err) + bottomText
 	} else if ti.Cursor < len(ti.Text) {
 		// Cursor is within the text
-		beforeCursor = styles.Text(ti.Text[:ti.Cursor], styles.Ivory)
+		beforeCursor = styles.Text(ti.Text[:ti.Cursor], styles.White)
 		cursorChar = styles.Cursor(ti.Text[ti.Cursor : ti.Cursor+1])
-		afterCursor = styles.Text(ti.Text[ti.Cursor+1:], styles.Ivory)
+		afterCursor = styles.Text(ti.Text[ti.Cursor+1:], styles.White)
 	} else {
 		// Cursor is at the end of the text
-		beforeCursor = styles.Text(ti.Text, styles.Ivory)
+		beforeCursor = styles.Text(ti.Text, styles.White)
 		cursorChar = styles.Cursor(" ")
 	}