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,
@@ -115,6 +122,7 @@ pub struct Theme {
 	status:         Status,
 	pub input:      Input,
 	pub select:     Select,
+	pub completion: Completion,
 	pub tasks:      Tasks,
 	pub which:      Which,
 	pub help:       Help,

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()
 					}),
 				);
 			}
@@ -49,8 +48,7 @@ impl<'a> Widget for Completion<'a> {
 					Block::new()
 						.borders(Borders::ALL)
 						.border_type(BorderType::Double)
-					// todo
+						.border_style(THEME.completion.border.into()),
-					.border_style(THEME.select.border.into()),
 				)
 				.widths(&constraint)
 		};