From 22eacbaf2712aee2a1c448a0e53f241f8c7bd255 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Sat, 14 Feb 2026 09:30:16 -0800
Subject: ui: simplify themes to light/dark and improve theme-aware styling
 (fixing NK-dp5efo)

---
 frontend/src/components/FeedList.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

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

diff --git a/frontend/src/components/FeedList.tsx b/frontend/src/components/FeedList.tsx
index d2dc8e1..1cd1bfd 100644
--- a/frontend/src/components/FeedList.tsx
+++ b/frontend/src/components/FeedList.tsx
@@ -138,14 +138,19 @@ export default function FeedList({
 
       <div className="theme-section">
         <div className="theme-selector">
-          <button onClick={() => setTheme('light')} className={theme === 'light' ? 'active' : ''}>
-            light
+          <button
+            onClick={() => setTheme('light')}
+            className={theme === 'light' ? 'active' : ''}
+            title="Light Theme"
+          >
+            ☀️
           </button>
-          <button onClick={() => setTheme('dark')} className={theme === 'dark' ? 'active' : ''}>
-            dark
-          </button>
-          <button onClick={() => setTheme('black')} className={theme === 'black' ? 'active' : ''}>
-            black
+          <button
+            onClick={() => setTheme('dark')}
+            className={theme === 'dark' ? 'active' : ''}
+            title="Dark Theme"
+          >
+            🌙
           </button>
         </div>
       </div>
-- 
cgit v1.2.3

