feat: theme configuration for completion

yazi-config/preset/theme.toml

@@ -84,6 +84,15 @@ inactive = {}
 
 # : }}}
 
+# : Completion {{{
+
+[completion]
+border   = { fg = "blue" }
+active   = { fg = "lightcyan" }
+inactive = {}
+
+# : }}}
+
 
 # : Tasks {{{
 

yazi-config/src/theme/theme.rs

@@ -81,6 +81,13 @@ pub struct Select {
 	pub inactive: Style,
 }
 
+#[derive(Deserialize, Serialize)]
+pub struct Completion {
+	pub border:   Style,
+	pub active:   Style,
+	pub inactive: Style,
+}
+
 #[derive(Deserialize, Serialize)]
 pub struct Tasks {
 	pub border:  Style,
@@ -111,13 +118,14 @@ pub struct Help {
 
 #[derive(Deserialize, Serialize)]
 pub struct Theme {
-	pub manager: Manager,
+	pub manager:    Manager,
-	status:      Status,
+	status:         Status,
-	pub input:   Input,
+	pub input:      Input,
-	pub select:  Select,
+	pub select:     Select,
-	pub tasks:   Tasks,
+	pub completion: Completion,
-	pub which:   Which,
+	pub tasks:      Tasks,
-	pub help:    Help,
+	pub which:      Which,
+	pub help:       Help,
 
 	// File-specific styles
 	#[serde(rename = "filetype", deserialize_with = "Filetype::deserialize", skip_serializing)]

yazi-fm/src/completion/completion.rs

@@ -35,11 +35,10 @@ impl<'a> Widget for Completion<'a> {
 					} else {
 						s.split_at(max_width - 1).0.to_string() + "…"
 					})
-						// todo
 					.style(if completion.cursor() == idx {
-						THEME.select.active.into()
+						THEME.completion.active.into()
 					} else {
-						THEME.select.inactive.into()
+						THEME.completion.inactive.into()
 					}),
 				);
 			}
@@ -47,10 +46,9 @@ impl<'a> Widget for Completion<'a> {
 			Table::new(table)
 				.block(
 					Block::new()
-					.borders(Borders::ALL)
+						.borders(Borders::ALL)
-					.border_type(BorderType::Double)
+						.border_type(BorderType::Double)
-					// todo
+						.border_style(THEME.completion.border.into()),
-					.border_style(THEME.select.border.into()),
 				)
 				.widths(&constraint)
 		};