From 9c1c131603677371eab0e6b6956481a661f14628 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Fri, 13 Feb 2026 17:29:12 -0800
Subject: feat(v2/ui): add theme toggle and collapse sidebar by default
 (NK-gnxc6e, NK-k4y597)

---
 frontend/src/components/FeedList.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

(limited to 'frontend/src/components/FeedList.tsx')

diff --git a/frontend/src/components/FeedList.tsx b/frontend/src/components/FeedList.tsx
index 8159cac..4af1bbc 100644
--- a/frontend/src/components/FeedList.tsx
+++ b/frontend/src/components/FeedList.tsx
@@ -3,7 +3,7 @@ import { Link, useNavigate, useSearchParams, useLocation, useParams } from 'reac
 import type { Feed, Category } from '../types';
 import './FeedList.css';
 
-export default function FeedList() {
+export default function FeedList({ theme, setTheme }: { theme: string, setTheme: (t: string) => void }) {
     const [feeds, setFeeds] = useState<Feed[]>([]);
     const [tags, setTags] = useState<Category[]>([]);
     const [loading, setLoading] = useState(true);
@@ -100,6 +100,15 @@ export default function FeedList() {
                     </ul>
                 </div>
             )}
+
+            <div className="theme-section">
+                <h2>Themes</h2>
+                <div className="theme-selector">
+                    <button onClick={() => setTheme('light')} className={theme === 'light' ? 'active' : ''}>light</button>
+                    <button onClick={() => setTheme('dark')} className={theme === 'dark' ? 'active' : ''}>dark</button>
+                    <button onClick={() => setTheme('black')} className={theme === 'black' ? 'active' : ''}>black</button>
+                </div>
+            </div>
         </div>
     );
 }
-- 
cgit v1.2.3

