missing md

tasks/podcast-tui-app/62-gruvbox-theme.md

@@ -0,0 +1,52 @@
+# 62. Add Gruvbox Theme
+
+meta:
+  id: podcast-tui-app-62
+  feature: podcast-tui-app
+  priority: P1
+  depends_on: [59]
+  tags: [theming, gruvbox, solidjs, retro]
+
+objective:
+- Implement Gruvbox Dark theme for the podcast TUI
+- Provide warm, nostalgic color scheme
+- Ensure good contrast and readability
+- Support both dark and light variants
+
+deliverables:
+- `/src/themes/themes/gruvbox.ts` - Gruvbox theme definition
+- `/src/themes/themes/gruvbox-dark.ts` - Dark mode Gruvbox
+- `/src/themes/themes/gruvbox-light.ts` - Light mode Gruvbox
+- Updated `/src/themes/themes/index.ts` to export Gruvbox themes
+
+steps:
+- Research and implement Gruvbox Dark theme color palette
+- Define all color tokens (background, foreground, primary, secondary, etc.)
+- Create Gruvbox Dark theme
+- Create Gruvbox Light theme
+- Ensure proper color contrast for accessibility
+- Add Gruvbox to theme registry
+
+tests:
+- Unit: Verify Gruvbox theme colors are defined
+- Unit: Test Gruvbox Dark renders correctly
+- Unit: Test Gruvbox Light renders correctly
+- Visual: Verify Gruvbox colors are visually appealing
+
+acceptance_criteria:
+- Gruvbox Dark theme works in dark terminals
+- Gruvbox Light theme works in light terminals
+- Colors match official Gruvbox design
+- Theme is selectable from theme list
+
+validation:
+- Run `bun run build` to verify TypeScript compilation
+- Test Gruvbox theme manually in application
+- Compare with official Gruvbox color palette
+- Check color harmony and contrast
+
+notes:
+- Gruvbox Dark is the recommended variant
+- Include all standard Gruvbox colors (hard, soft, light)
+- Use official color values from Gruvbox repository
+- Gruvbox is popular among developers for its warmth