ui: simplify themes to light/dark and improve theme-aware styling (fixing NK-dp5efo)

1 files changed, 12 insertions, 7 deletions

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>