small UI improvements

Author: javaLux

src/ui/explorer_widget.rs

@@ -530,6 +530,7 @@ impl Component for ExplorerWidget {
                     }),
             )
             .highlight_spacing(HighlightSpacing::Always)
+            .highlight_style(Style::new().fg(theme_colors.alt_fg))
             .highlight_symbol(HIGHLIGHT_SYMBOL)
             .block(
                 Block::default()

src/ui/mod.rs

@@ -37,7 +37,7 @@ pub struct ThemeColor {
     pub header_fg: Color,
     pub normal_row_color: Color,
     pub alt_row_color: Color,
-    pub highlight_color: Color,
+    pub search_highlight_color: Color,
     pub selected_color: Color,
     pub done_state_color: Color,
     pub failure_state_color: Color,
@@ -137,7 +137,7 @@ impl Theme {
                 header_fg: tailwind::SLATE.c200,
                 normal_row_color: tailwind::GRAY.c300,
                 alt_row_color: tailwind::GRAY.c400,
-                highlight_color: tailwind::RED.c700,
+                search_highlight_color: tailwind::RED.c700,
                 selected_color: tailwind::BLACK,
                 done_state_color: Color::Blue,
                 failure_state_color: tailwind::RED.c700,
@@ -155,7 +155,7 @@ impl Theme {
                 header_fg: tailwind::SLATE.c200,
                 normal_row_color: tailwind::SLATE.c800,
                 alt_row_color: tailwind::SLATE.c900,
-                highlight_color: tailwind::GREEN.c500,
+                search_highlight_color: tailwind::GREEN.c500,
                 selected_color: tailwind::SKY.c400,
                 done_state_color: Color::LightCyan,
                 failure_state_color: tailwind::RED.c500,
@@ -173,7 +173,7 @@ impl Theme {
                 header_fg: tailwind::SLATE.c200,
                 normal_row_color: tailwind::SLATE.c900,
                 alt_row_color: tailwind::BLACK,
-                highlight_color: tailwind::GREEN.c500,
+                search_highlight_color: tailwind::GREEN.c500,
                 selected_color: tailwind::SKY.c400,
                 done_state_color: tailwind::CYAN.c300,
                 failure_state_color: tailwind::RED.c500,
@@ -191,7 +191,7 @@ impl Theme {
                 header_fg: tailwind::SLATE.c200,
                 normal_row_color: tailwind::INDIGO.c800,
                 alt_row_color: tailwind::INDIGO.c900,
-                highlight_color: tailwind::GREEN.c500,
+                search_highlight_color: tailwind::GREEN.c500,
                 selected_color: tailwind::GREEN.c400,
                 done_state_color: tailwind::WHITE,
                 failure_state_color: tailwind::RED.c700,

src/ui/result_widget.rs

@@ -644,7 +644,7 @@ impl Component for ResultWidget {
                             let mut highlighted = highlight_text_part(
                                 name,
                                 self.search_result.search_query(),
-                                self.theme.theme_colors().highlight_color,
+                                self.theme.theme_colors().search_highlight_color,
                                 self.theme.theme_colors().alt_fg,
                             );
                             highlighted
@@ -654,7 +654,7 @@ impl Component for ResultWidget {
                         None => highlight_text_part(
                             shorten_path,
                             self.search_result.search_query(),
-                            self.theme.theme_colors().highlight_color,
+                            self.theme.theme_colors().search_highlight_color,
                             self.theme.theme_colors().alt_fg,
                         ),
                     };