Add in-app theme selector with Shift+T keybinding

Users can now switch themes directly from the TUI without editing config files:
- Press Shift+T to open theme selector modal
- Navigate with j/k or arrow keys
- Apply theme with Enter (changes take effect immediately)
- Cancel with Esc

The selector shows all 5 available themes with visual indicators for the currently selected and active themes. Theme preference is automatically saved to config.

Bump version to 0.6.0

Author: xRipzch

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "tui-kanban"
-version = "0.5.0"
+version = "0.6.0"
 edition = "2021"
 
 [dependencies]

src/app.rs

@@ -17,6 +17,7 @@ pub struct App {
     pub focused_field: TaskField,
     pub disable_saving: bool, // For testing
     pub theme: Theme,
+    pub selected_theme_index: usize, // for theme selector view
 }
 
 // which field is focused in task detail view
@@ -42,6 +43,7 @@ pub enum InputMode {
     AddingColumn,
     RenamingColumn,
     ConfirmingDelete,
+    SelectingTheme,
 }
 
 impl App {
@@ -74,6 +76,7 @@ impl App {
             focused_field: TaskField::Title,
             disable_saving: false,
             theme,
+            selected_theme_index: 0,
         }
     }
 
@@ -115,6 +118,7 @@ impl App {
             focused_field: TaskField::Title,
             disable_saving: true,
             theme: Theme::default(),
+            selected_theme_index: 0,
         }
     }
 
@@ -467,7 +471,8 @@ impl App {
             | InputMode::ViewingTask
             | InputMode::ViewingHelp
             | InputMode::ProjectList
-            | InputMode::ConfirmingDelete => {}
+            | InputMode::ConfirmingDelete
+            | InputMode::SelectingTheme => {}
         }
         self.cancel_input();
     }
@@ -588,6 +593,54 @@ impl App {
         let _ = storage::save_config(&config);
     }
 
+    // theme management
+    pub fn open_theme_selector(&mut self) {
+        self.input_mode = InputMode::SelectingTheme;
+        // Find current theme index
+        let config = storage::load_config();
+        let current_theme_name = config.theme.as_deref().unwrap_or("high-contrast");
+        let theme_names = Theme::all_theme_names();
+        self.selected_theme_index = theme_names
+            .iter()
+            .position(|&name| name == current_theme_name)
+            .unwrap_or(0);
+    }
+
+    pub fn move_theme_up(&mut self) {
+        let theme_count = Theme::all_theme_names().len();
+        if self.selected_theme_index == 0 {
+            self.selected_theme_index = theme_count - 1;
+        } else {
+            self.selected_theme_index -= 1;
+        }
+    }
+
+    pub fn move_theme_down(&mut self) {
+        let theme_count = Theme::all_theme_names().len();
+        if self.selected_theme_index >= theme_count - 1 {
+            self.selected_theme_index = 0;
+        } else {
+            self.selected_theme_index += 1;
+        }
+    }
+
+    pub fn apply_theme(&mut self) {
+        let theme_names = Theme::all_theme_names();
+        let theme_name = theme_names[self.selected_theme_index];
+
+        // Update app theme
+        self.theme = Theme::from_name(theme_name).unwrap_or_default();
+
+        // Save to config
+        let mut config = storage::load_config();
+        config.theme = Some(theme_name.to_string());
+        let _ = storage::save_config(&config);
+    }
+
+    pub fn close_theme_selector(&mut self) {
+        self.input_mode = InputMode::Normal;
+    }
+
     // show help view
     pub fn show_help(&mut self) {
         self.input_mode = InputMode::ViewingHelp;

src/main.rs

@@ -60,6 +60,14 @@ fn run_app<B: ratatui::backend::Backend>(
                 continue;
             }
 
+            // Handle Shift+T globally to open theme selector
+            if key.code == KeyCode::Char('T') && key.modifiers.contains(KeyModifiers::SHIFT) {
+                if app.input_mode == InputMode::Normal {
+                    app.open_theme_selector();
+                }
+                continue;
+            }
+
             match app.input_mode {
                 InputMode::Normal => handle_normal_mode(app, key.code),
                 InputMode::AddingTask
@@ -73,6 +81,7 @@ fn run_app<B: ratatui::backend::Backend>(
                 InputMode::ProjectList => handle_project_list_mode(app, key.code),
                 InputMode::AddingProject => handle_adding_project_mode(app, key.code),
                 InputMode::ConfirmingDelete => handle_confirming_delete_mode(app, key.code),
+                InputMode::SelectingTheme => handle_theme_selector_mode(app, key.code),
             }
         }
 
@@ -268,3 +277,17 @@ fn handle_confirming_delete_mode(app: &mut App, key: KeyCode) {
         _ => {}
     }
 }
+
+// handle keys when selecting theme
+fn handle_theme_selector_mode(app: &mut App, key: KeyCode) {
+    match key {
+        KeyCode::Char('j') | KeyCode::Down => app.move_theme_down(),
+        KeyCode::Char('k') | KeyCode::Up => app.move_theme_up(),
+        KeyCode::Enter => {
+            app.apply_theme();
+            app.close_theme_selector();
+        }
+        KeyCode::Esc => app.close_theme_selector(),
+        _ => {}
+    }
+}

src/theme.rs

@@ -56,6 +56,16 @@ impl Theme {
         }
     }
 
+    pub fn all_theme_names() -> Vec<&'static str> {
+        vec![
+            "high-contrast",
+            "classic",
+            "solarized-dark",
+            "gruvbox",
+            "nord",
+        ]
+    }
+
     fn high_contrast() -> Self {
         Self {
             primary: Color::Cyan,

src/ui.rs

@@ -31,6 +31,10 @@ pub fn draw(f: &mut Frame, app: &mut App) {
             draw_delete_confirmation(f, app);
             return;
         }
+        InputMode::SelectingTheme => {
+            draw_theme_selector(f, app);
+            return;
+        }
         _ => {}
     }
 
@@ -924,3 +928,90 @@ fn draw_delete_confirmation(f: &mut Frame, app: &mut App) {
 
     f.render_widget(para, dialog_area);
 }
+
+// draw theme selector
+fn draw_theme_selector(f: &mut Frame, app: &mut App) {
+    let area = f.area();
+
+    let title = " Select Theme (j/k: navigate | Enter: apply | Esc: cancel) ";
+
+    let block = Block::default()
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(app.theme.primary))
+        .title(title);
+
+    let inner = block.inner(area);
+    f.render_widget(block, area);
+
+    // Build theme list
+    let mut lines = vec![
+        Line::from(Span::styled(
+            "Choose a theme:",
+            Style::default()
+                .fg(app.theme.primary)
+                .add_modifier(Modifier::BOLD),
+        )),
+        Line::from(""),
+    ];
+
+    // Load config to check for current theme
+    let config = crate::storage::load_config();
+    let current_theme_name = config.theme.as_deref().unwrap_or("high-contrast");
+
+    let theme_names = crate::theme::Theme::all_theme_names();
+
+    for (i, theme_name) in theme_names.iter().enumerate() {
+        let is_selected = i == app.selected_theme_index;
+        let is_current = *theme_name == current_theme_name;
+
+        let mut spans = vec![];
+
+        // Selection indicator
+        if is_selected {
+            spans.push(Span::styled(
+                "> ",
+                Style::default()
+                    .fg(app.theme.accent)
+                    .add_modifier(Modifier::BOLD),
+            ));
+        } else {
+            spans.push(Span::raw("  "));
+        }
+
+        // Current theme indicator
+        if is_current {
+            spans.push(Span::styled(
+                "★ ",
+                Style::default()
+                    .fg(app.theme.success)
+                    .add_modifier(Modifier::BOLD),
+            ));
+        } else {
+            spans.push(Span::raw("  "));
+        }
+
+        // Theme name
+        let style = if is_selected {
+            Style::default()
+                .fg(app.theme.text_primary)
+                .add_modifier(Modifier::BOLD)
+        } else {
+            Style::default().fg(app.theme.text_primary)
+        };
+
+        spans.push(Span::styled(*theme_name, style));
+
+        // Current indicator text
+        if is_current {
+            spans.push(Span::styled(
+                " (active)",
+                Style::default().fg(app.theme.text_secondary),
+            ));
+        }
+
+        lines.push(Line::from(spans));
+    }
+
+    let list_para = Paragraph::new(lines);
+    f.render_widget(list_para, inner);
+}