add playback_progress_bar_unfilled component style (#516)

aome510 · Jul 29, 2024 · 7c10e1e · 7c10e1e
1 parent 58a5ace
commit 7c10e1e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/docs/config.md b/docs/config.md
@@ -202,6 +202,7 @@ To define application's component styles, the user can specify any of the below
 - `playback_album`
 - `playback_metadata`
 - `playback_progress_bar`
+- `playback_progress_bar_unfilled` (Specific to `progress_bar_type` as `Line`)
 - `current_playing`
 - `page_desc`
 - `table_header`

diff --git a/spotify_player/src/config/theme.rs b/spotify_player/src/config/theme.rs
@@ -70,6 +70,7 @@ pub struct ComponentStyle {
     pub playback_album: Option<Style>,
     pub playback_metadata: Option<Style>,
     pub playback_progress_bar: Option<Style>,
+    pub playback_progress_bar_unfilled: Option<Style>,
     pub current_playing: Option<Style>,
     pub page_desc: Option<Style>,
     pub playlist_desc: Option<Style>,
@@ -260,6 +261,15 @@ impl Theme {
         }
     }
 
+    pub fn playback_progress_bar_unfilled(&self) -> tui::style::Style {
+        match &self.component_style.playback_progress_bar_unfilled {
+            None => Style::default()
+                .bg(StyleColor::BrightBlack)
+                .style(&self.palette),
+            Some(s) => s.style(&self.palette),
+        }
+    }
+
     pub fn current_playing(&self) -> tui::style::Style {
         match &self.component_style.current_playing {
             None => Style::default()

diff --git a/spotify_player/src/ui/playback.rs b/spotify_player/src/ui/playback.rs
@@ -247,6 +247,7 @@ fn render_playback_progress_bar(
         config::ProgressBarType::Line => frame.render_widget(
             LineGauge::default()
                 .filled_style(ui.theme.playback_progress_bar())
+                .unfilled_style(ui.theme.playback_progress_bar_unfilled())
                 .ratio(ratio)
                 .label(Span::styled(
                     format!(